添加弹屏动画

pages/details/cmsinfo.vue

@@ -11,13 +11,14 @@
 		components: {},
 		onLoad: function (option) {
 			this.id = option.id;
-			this.url = `/cms/article/${option.id}`;
+			this.url = `/cms/article/${option.id}?type=${option.page || 'info'}`;
 		},
 		data() {
 			return {
 				baseUrl: BASE_URL.url,
 				url: '',
 				id: '',
+				page: ''
 			}
 		},
 		async mounted() {

pages/index/index.vue

@@ -1,34 +1,40 @@
 <template>
 	<view class="container">
-		<view class="page-section page-section-spacing swiper">
-			<swiper class="swiper" :indicator-dots="indicatorDots" :autoplay="autoplay" :interval="interval" :duration="duration">
-				<swiper-item v-for="(item, index) in bannerList" :key="index">
-					<image style="width: 100%; height: 100%;" :src="item"></image>
-				</swiper-item>
-			</swiper>
-		</view>
-		<uni-notice-bar moreColor="#000" scrollable show-get-more show-icon :text="notice" more-text="更多>>" @getmore="getMore" />
-		<!-- 党建 -->
-		<uni-section titleFontSize="16px"  class="mb-10 sectionBox" title="党建引领" type="line">
-			<view class="card" v-for="(item, index) in construct" :key="index" :border="false" @click="illnessBtn(item)">
-				<image style="width: 50%; height: 55px; margin: 0 auto; display: block;" :src="item.url"></image>
-				<text class="title">{{ item.title }}</text>
-			</view>
-		</uni-section>
-		<!-- 治理 -->
-		<uni-section titleFontSize="16px"  class="mb-10 sectionBox" title="精细治理" type="line">
-			<view class="card" v-for="(item, index) in govern" :key="index" :border="false" @click="illnessBtn(item)">
-				<image style="width: 50%; height: 55px; margin: 0 auto; display: block;" :src="item.url"></image>
-				<text class="title">{{ item.title }}</text>
+		<!-- 动画 -->
+		<uni-transition ref="ani" class="dhbox" custom-class="transition" :mode-class="modeClass" :show="dhshow" :styles="styles">
+			<img src="https://fuyu.scapp.cn/static/wxa/dh.jpg" class="dhimg">
+		</uni-transition>
+		<view v-show="!dhshow">
+			<view class="page-section page-section-spacing swiper">
+				<swiper class="swiper" :indicator-dots="indicatorDots" :autoplay="autoplay" :interval="interval" :duration="duration">
+					<swiper-item v-for="(item, index) in bannerList" :key="index">
+						<image style="width: 100%; height: 100%;" :src="item"></image>
+					</swiper-item>
+				</swiper>
 			</view>
-		</uni-section>
-		<!-- 疫情 -->
-		<uni-section titleFontSize="16px" class="mb-10 sectionBox" title="疫情防控" type="line">
-			<view class="card" v-for="(item, index) in list" :key="index" :border="false" @click="illnessBtn(item)">
-				<image style="width: 50%; height: 55px; margin: 0 auto; display: block;" :src="item.url"></image>
-				<text class="title">{{ item.title }}</text>
-			</view>
-		</uni-section>
+			<uni-notice-bar moreColor="#000" scrollable show-get-more show-icon :text="notice" more-text="更多>>" @getmore="getMore" />
+			<!-- 党建 -->
+			<uni-section titleFontSize="16px"  class="mb-10 sectionBox" title="党建引领" type="line">
+				<view class="card" v-for="(item, index) in construct" :key="index" :border="false" @click="illnessBtn(item)">
+					<image style="width: 50%; height: 55px; margin: 0 auto; display: block;" :src="item.url"></image>
+					<text class="title">{{ item.title }}</text>
+				</view>
+			</uni-section>
+			<!-- 治理 -->
+			<uni-section titleFontSize="16px"  class="mb-10 sectionBox" title="精细治理" type="line">
+				<view class="card" v-for="(item, index) in govern" :key="index" :border="false" @click="illnessBtn(item)">
+					<image style="width: 50%; height: 55px; margin: 0 auto; display: block;" :src="item.url"></image>
+					<text class="title">{{ item.title }}</text>
+				</view>
+			</uni-section>
+			<!-- 疫情 -->
+			<uni-section titleFontSize="16px" class="mb-10 sectionBox" title="疫情防控" type="line">
+				<view class="card" v-for="(item, index) in list" :key="index" :border="false" @click="illnessBtn(item)">
+					<image style="width: 50%; height: 55px; margin: 0 auto; display: block;" :src="item.url"></image>
+					<text class="title">{{ item.title }}</text>
+				</view>
+			</uni-section>
+		</view>
 	</view>
 </template>
 
@@ -39,6 +45,12 @@
 	export default {
 		data() {
 			return {
+				styles: {
+					width: '100vw',
+					height: '100vh',
+				},
+				modeClass: ['fade', 'zoom-in'],
+				dhshow: true,
 				list: [],
 				policyList: [],
 				notice: '通知公告',
@@ -52,6 +64,11 @@
 			}
 		},
 		async mounted() {
+			wx.hideTabBar();
+			setTimeout(() => {
+				this.dhshow = !this.dhshow;
+				wx.showTabBar();
+			}, 3000)
 			const config = await requestLogin.getJson();
 			const { list, bannerList, governList, construct } = config.data;
 			this.list = list;
@@ -175,4 +192,15 @@
 		margin-bottom: 5px;
 		color: #999;
 	}
+	.dhbox {
+		position: fixed;
+		z-index: 999;
+		width: 100vw;
+		height: 100vh;
+	}
+	.dhimg {
+		width: 100%;
+		height: 100%;
+		display: block;
+	}
 </style>

unpackage/dist/build/mp-weixin/app.json

@@ -8,6 +8,7 @@
     "pages/illness/vaccines",
     "pages/illness/receive",
     "pages/illness/testingRoom",
+    "pages/illness/testingRoomList",
     "pages/details/index",
     "pages/details/cmsinfo",
     "pages/notice/index",

unpackage/dist/build/mp-weixin/pages/activity/index.wxss

@@ -1 +1 @@
-.slot-box{position:relative}.slot-image{width:70px;height:70px}.status{position:absolute;left:0;top:0;font-size:12px;color:#fff;background:#999}.slot-body{width:70%;margin-left:10px}.slot-title{font-size:1.2em;font-weight:600;color:#000;line-height:1.5em}.slot-text{font-size:14px;color:#999;line-height:3em}.footerIcon{line-height:4em}
+.slot-box{position:relative}.slot-image{width:50px;height:50px}.status{position:absolute;left:0;top:0;font-size:12px;color:#fff;background:#999}.slot-body{width:70%;margin-left:10px}.slot-title{font-size:1.2em;font-weight:600;color:#000;line-height:2em}.slot-text{font-size:14px;color:#999;line-height:3em}.footerIcon{line-height:3em}

unpackage/dist/build/mp-weixin/pages/details/cmsinfo.json

@@ -1,7 +1,5 @@
 {
   "navigationBarTitleText": "详情",
   "navigationStyle": "custom",
-  "usingComponents": {
-    "uni-icons": "/uni_modules/uni-icons/components/uni-icons/uni-icons"
-  }
+  "usingComponents": {}
 }

unpackage/dist/build/mp-weixin/pages/details/cmsinfo.wxss

@@ -1 +0,0 @@
-.title{position:fixed;color:#fff;background-color:#fd6b18;top:0;width:100%}.back{margin:0 15px 0 5px}.time{width:100%;text-align:center;display:block;font-size:12px}.content{display:block;width:90%;margin:10px auto}

unpackage/dist/build/mp-weixin/pages/illness/testingRoom.json

@@ -2,8 +2,8 @@
   "navigationBarTitleText": "检测点查询",
   "usingComponents": {
     "uni-card": "/uni_modules/uni-card/components/uni-card/uni-card",
+    "uni-section": "/uni_modules/uni-section/components/uni-section/uni-section",
     "uni-list": "/uni_modules/uni-list/components/uni-list/uni-list",
-    "uni-list-item": "/uni_modules/uni-list/components/uni-list-item/uni-list-item",
-    "uni-load-more": "/uni_modules/uni-load-more/components/uni-load-more/uni-load-more"
+    "uni-list-item": "/uni_modules/uni-list/components/uni-list-item/uni-list-item"
   }
 }

unpackage/dist/build/mp-weixin/pages/illness/testingRoomList.json

@@ -0,0 +1,9 @@
+{
+  "navigationBarTitleText": "检测点列表",
+  "usingComponents": {
+    "uni-card": "/uni_modules/uni-card/components/uni-card/uni-card",
+    "uni-list": "/uni_modules/uni-list/components/uni-list/uni-list",
+    "uni-list-item": "/uni_modules/uni-list/components/uni-list-item/uni-list-item",
+    "uni-load-more": "/uni_modules/uni-load-more/components/uni-load-more/uni-load-more"
+  }
+}

unpackage/dist/build/mp-weixin/pages/index/index.json

@@ -1,8 +1,8 @@
 {
   "navigationBarTitleText": "首页",
   "usingComponents": {
+    "uni-transition": "/uni_modules/uni-transition/components/uni-transition/uni-transition",
     "uni-notice-bar": "/uni_modules/uni-notice-bar/components/uni-notice-bar/uni-notice-bar",
-    "uni-section": "/uni_modules/uni-section/components/uni-section/uni-section",
-    "uni-card": "/uni_modules/uni-card/components/uni-card/uni-card"
+    "uni-section": "/uni_modules/uni-section/components/uni-section/uni-section"
   }
 }

unpackage/dist/build/mp-weixin/pages/property/butler.wxss

@@ -1 +1 @@
-.container{width:100%;height:100vh;overflow-y:auto;background-size:100% 100%}.box{display:flex;flex-wrap:wrap}.imgBox{width:30%;height:45vw;margin-left:2.5%;margin-top:5px}.imgs{display:block;width:100%;height:70%;border:2px solid #cd7f32}.name{width:100%;display:block;text-align:center;color:#fff}.uni-section{background-color:initial!important;margin-top:20px}.uni-section-header{padding:0 10px!important}.uni-section__content-title{color:#fff!important}
+.container{width:100%;height:100vh;overflow-y:auto;background-size:100% 100%}.box{display:flex;flex-wrap:wrap;margin-top:15px}.imgBox{width:30%;height:50vw;margin-left:2.5%;margin-top:5px}.imgs{display:block;width:100%;height:75%;border:2px solid #cd7f32}.name{width:100%;display:block;text-align:center;color:#fff}.uni-section{background-color:initial!important;margin-top:20px}.uni-section-header{padding:0 10px!important}.uni-section__content-title{color:#fff!important}

unpackage/dist/build/mp-weixin/pages/report/index.wxss

@@ -1 +1 @@
-.uni-forms{width:90%;margin:10px auto}.btn{width:90%;margin:0 auto}
+.uni-forms{width:90%;margin:10px auto}.btn{width:90%;margin:0 auto}.msg{color:red;font-size:12px}

unpackage/dist/build/mp-weixin/pages/user/familyInfo.json

@@ -1,6 +1,7 @@
 {
   "navigationBarTitleText": "成员资料",
   "usingComponents": {
+    "uni-card": "/uni_modules/uni-card/components/uni-card/uni-card",
     "uni-section": "/uni_modules/uni-section/components/uni-section/uni-section",
     "uni-forms": "/uni_modules/uni-forms/components/uni-forms/uni-forms",
     "uni-forms-item": "/uni_modules/uni-forms/components/uni-forms-item/uni-forms-item",

unpackage/dist/build/mp-weixin/pages/user/familyInfo.wxss

@@ -1 +1 @@
-.uni-section{padding-bottom:10px;margin-bottom:10px}.uni-select__selector{z-index:999!important}.uni-forms, .btn{width:90%;margin:10px auto}
+.uni-section{padding-bottom:10px;margin-bottom:10px}.uni-select__selector{z-index:999!important}.uni-forms, .btn{width:90%;margin:10px auto}.msg{color:red;display:block;width:90%;margin:0 auto;font-size:14px;font-weight:600}

unpackage/dist/build/mp-weixin/project.private.config.json

@@ -1,4 +0,0 @@
-{
-  "description": "项目私有配置文件。此文件中的内容将覆盖 project.config.json 中的相同字段。项目的改动优先同步到此文件中。详见文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/projectconfig.html",
-  "setting": {}
-}

unpackage/dist/build/mp-weixin/uni_modules/uni-transition/components/uni-transition/uni-transition.json

@@ -0,0 +1,4 @@
+{
+  "usingComponents": {},
+  "component": true
+}

unpackage/dist/build/mp-weixin/uni_modules/uni-transition/components/uni-transition/uni-transition.wxml

@@ -0,0 +1 @@
+<block wx:if="{{isShow}}"><view class="{{['vue-ref',customClass]}}" style="{{(transformStyles)}}" animation="{{animationData}}" data-ref="ani" data-event-opts="{{[['tap',[['onClick',['$event']]]]]}}" bindtap="__e"><slot></slot></view></block>

unpackage/dist/dev/mp-weixin/pages/index/index.json

@@ -1,6 +1,7 @@
 {
   "navigationBarTitleText": "首页",
   "usingComponents": {
+    "uni-transition": "/uni_modules/uni-transition/components/uni-transition/uni-transition",
     "uni-notice-bar": "/uni_modules/uni-notice-bar/components/uni-notice-bar/uni-notice-bar",
     "uni-section": "/uni_modules/uni-section/components/uni-section/uni-section"
   }

unpackage/dist/dev/mp-weixin/pages/index/index.wxss

@@ -63,4 +63,15 @@
 	margin-bottom: 5px;
 	color: #999;
 }
+.dhbox {
+	position: fixed;
+	z-index: 999;
+	width: 100vw;
+	height: 100vh;
+}
+.dhimg {
+	width: 100%;
+	height: 100%;
+	display: block;
+}