细节优化

components/storeList/storeList.vue

 <template>
 	<view class="store-list">
-		<view class="flex-col" v-for="(val,i) in list" :key="i">
+		<view class="flex-col" v-for="(val,i) in list" :key="i" @tap.stop="onNavToHome(val)">
 			<view class="flex-row">
 				<view class="room-img-box">
-					<image :src="val.images[0]" mode="scaleToFill" @tap="onPreview(val)"></image>
+					<image :src="val.images[0]" mode="scaleToFill" @tap.stop="onPreview(val)"></image>
 				</view>
 				<view class="flex-1 part-right">
 					<view class="part-title">
@@ -23,7 +23,7 @@
 					<view class="flex-between part-title">
 						<view class='cu-tag radius line-pink'>距离{{Number(val.distance).toFixed(2)}}km</view>
 						<view class="location">
-							<button class="cu-btn bg-blue" @tap.stop="onNavToHome(val)">去预定</button>
+							<button class="cu-btn bg-blue" >去预定</button>
 						</view>
 					</view>
 				</view>

manifest.json

@@ -57,7 +57,7 @@
     "quickapp" : {},
     /* 小程序特有相关 */
     "mp-weixin" : {
-        "appid" : "wx0802dd3453f72cc9",
+        "appid" : "wxdd170b8783edf7a0",
         "setting" : {
             "urlCheck" : false,
             "es6" : true,

pages/index/index.vue

 <template>
 	<view class="home" @touchstart="onTouchStart" @touchmove="onTouchMove" @touchend="onTouchEnd">
-		<f-navbar title="凑角" :isShowTransparentTitle="false" :isShowLeft="false" fontColor="#ffffff" :fontSize="46" bgColor="#e40583"
-			:scrollTop="scrollTop" navbarType='5'></f-navbar>
+		<f-navbar title="凑角" :isShowTransparentTitle="false" :isShowLeft="false" fontColor="#ffffff" :fontSize="46"
+			bgColor="#e40583" :scrollTop="scrollTop" navbarType='5'></f-navbar>
 		<scroll-view class="scroll-view" scroll-y="true" @scroll="onScroll">
 			<view class="content-box">
 				<view class="header-content"
@@ -123,7 +123,7 @@
 			return {
 				scrollTop: 0,
 				storeId: '',
-				storeList:[],
+				storeList: [],
 				storeInfo: {},
 				statusBarHeight: this.statusBarHeight,
 				hostUrl: config.hostUrl,
@@ -174,23 +174,19 @@
 			if (uni.getStorageSync("storeId") && this.storeList.length) {
 				this.storeId = uni.getStorageSync("storeId")
 				let obj = this.storeList.filter(item => item.id === this.storeId)[0]
-				console.log(obj,909090)
-				if (obj.roomVoList.length) {
+				console.log(obj, 909090)
 				this.storeInfo = {
 					...obj,
-						roomVoList: obj.roomVoList.map(item => {
+					roomVoList: obj.roomVoList.length ? obj.roomVoList.map(item => {
 						return {
 							...item,
 							images: item.images ? item.images
 								.split(",").map(val => this.hostUrl + val) : []
 						}
-						})
+					}) : []
 
 				}
-					this.$forceUpdate();
-				}
-				console.log(this.storeInfo, 9999)
-			}else{
+			} else {
 				uni.showLoading({
 					title: "加载中"
 				})
@@ -210,7 +206,7 @@
 			console.log(option, 909090)
 		},
 		methods: {
-			onScroll(e){
+			onScroll(e) {
 				this.scrollTop = e.target.scrollTop;
 			},
 			onLoading() {
@@ -226,12 +222,7 @@
 					if (res.data.code == 200 && res.data.data.length) {
 						this.storeList = res.data.data;
 						let obj = {}
-						if (this.storeId) {
-							obj = res.data.data.filter(item => item.id === this.storeId)[0]
-						} else {
 						obj = res.data.data[0];
-						}
-						if (obj.roomVoList.length) {
 						this.storeInfo = {
 							...obj,
 							roomVoList: obj.roomVoList.map(item => {
@@ -243,7 +234,7 @@
 							})
 
 						}
-						}
+
 					}
 				})
 			},
@@ -321,17 +312,20 @@
 		height: 100vh;
 		overflow-x: hidden;
 	}
-.scroll-view{
+
+	.scroll-view {
 		position: relative;
 		width: 100vw;
 		height: 100%;
-	.content-box{
+
+		.content-box {
 			display: flex;
 			flex-direction: column;
 			align-items: center;
 			width: 100%;
 		}
-}
+	}
+
 	.header-content {
 		display: flex;
 		justify-content: center;
@@ -345,6 +339,7 @@
 			margin-top: -16upx;
 		}
 	}
+
 	.store-nav {
 		position: relative;
 		display: flex;