up

pages/guide/index.vue

@@ -1,34 +1,22 @@
 <template>
 	<view class="content">
 		<view class="contentlist">
+			<block v-for="(item,index) in noticeList" :key="index">
 				<view class="content_box">
-				<view class="content_title" @click="showwhat('shownotice')">
+					<view class="content_title" @click="showwhat(index)">
 
 						<view class="infoicon">
 							<u-icon size="16" color="#42b983" name="info-circle-fill"></u-icon>
-						<text>参观须知</text>
+							<text>{{item.name}}</text>
 						</view>
-					<u-icon v-if="!show.shownotice" size="16" name="arrow-down"></u-icon>
+						<u-icon v-if="!item.shownotice" size="16" name="arrow-down"></u-icon>
-					<u-icon v-if="show.shownotice" size="16" name="arrow-up"></u-icon>
+						<u-icon v-if="item.shownotice" size="16" name="arrow-up"></u-icon>
 					</view>
-				<view class="content_info" v-if="show.shownotice">
+					<view class="content_info" v-if="item.shownotice">
-					<rich-text style="text-indent: 2em;" :nodes="notice.content"></rich-text>
+						<rich-text style="text-indent: 2em;" :nodes="item.content"></rich-text>
-				</view>
-			</view>
-			<view class="content_box">
-				<view class="content_title" @click="showwhat('showask')">
-					<view class="infoicon">
-						<u-icon size="16" color="#42b983" name="info-circle-fill"></u-icon>
-						<text>常见问题</text>
-					</view>
-					<u-icon v-if="!show.showask" size="16" name="arrow-down"></u-icon>
-					<u-icon v-if="show.showask" size="16" name="arrow-up"></u-icon>
-					
-				</view>
-				<view class="content_info" v-if="show.showask">
-					<rich-text style="text-indent: 2em;" :nodes="ask.content"></rich-text>
 					</view>
 				</view>
+			</block>
 			<view class="content_box">
 				<view class="content_title" @click="showwhat('showform')">
 
@@ -74,21 +62,22 @@
 				urls: {
 					1: '/api/mobile/other/visit-notice-index',
 					4: '/api/mobile/other/ask-index'
-				}
+				},
+				noticeList: []
 			}
 		},
 		onLoad() {
 			var that = this;
 			that.loadList(1, 1)
-			that.loadList(1, 4)
+			//that.loadList(1, 4)
 		},
 		methods: {
 			showwhat(type) {
-				// for(var m in this.show){
+				if (type == "showform")
-				// 	if(m==type){
+					this.show[type] = !this.show[type];
-						this.show[type] = !this.show[type]
+				else
-				// 	}
+					this.noticeList[type].shownotice = !this.noticeList[type].shownotice;
-				// }
+				this.$forceUpdate();
 			},
 			loadList(page, type) {
 				var that = this;
@@ -102,6 +91,10 @@
 							that.notice = res.data[0];
 						if (type == 4)
 							that.ask = res.data[0];
+						for (var mod of res.data) {
+							mod.shownotice = false;
+						}
+						that.noticeList = res.data
 					},
 					utilFail: function(res) {
 						uni.showToast({
@@ -169,6 +162,7 @@
 		padding: 30rpx 21rpx;
 		margin-bottom: 25rpx; */
 	}
+
 	.content_title {
 		padding: 26rpx 0;
 		border-bottom: #ddd 1rpx solid;
@@ -177,6 +171,7 @@
 		display: flex;
 		justify-content: space-between;
 	}
+
 	.infoicon view {
 		display: inline-block !important;
 		margin-right: 20rpx

pages/index/index.vue

@@ -182,6 +182,9 @@
 			// 如果需要兼容微信小程序的话，需要用此写法
 			this.$refs.calendar.setFormatter(this.formatter)
 		},
+		onHide() {
+		   this.showBook=false;	
+		},
 		methods: {
 			closePhone() {
 				this.showAuthorization = false