Переглянути джерело

Signed-off-by: 1004749546@qq.com <1004749546@qq.com>
首页修改

1004749546@qq.com 4 роки тому
батько
коміт
44eccbb4ba
1 змінених файлів з 15 додано та 16 видалено
  1. 15 16
      pages/index/index.vue

+ 15 - 16
pages/index/index.vue

@@ -10,18 +10,18 @@
 			 show-location style="width: 100%; height:100%;">
 				<view class="cover-view">
 					<view class="flex-wrp">
-						<view @click="intoList" class="flex-item">
-							<image class="img" src="/static/img/index-list.png"></image>
-							<view>网点列表</view>
-						</view>
-						<view @click="showPop=true" class="flex-item">
-							<image class="img" src="/static/img/index-call.png"></image>
-							<view>联系客服</view>
-						</view>
-						<view class="flex-item">
-							<image class="img" src="/static/img/index-discount.png"></image>
-							<view>优惠活动</view>
-						</view>
+						<cover-view @click="intoList" class="flex-item">
+							<cover-image class="img" src="/static/img/index-list.png"></cover-image>
+							<cover-view>网点列表</cover-view>
+						</cover-view>
+						<cover-view @click="$refs.popup.open()" class="flex-item">
+							<cover-image class="img" src="/static/img/index-call.png"></cover-image>
+							<cover-view>联系客服</cover-view>
+						</cover-view>
+						<cover-view class="flex-item">
+							<cover-image class="img" src="/static/img/index-discount.png"></cover-image>
+							<cover-view>优惠活动</cover-view>
+						</cover-view>
 					</view>
 				</view>
 				<view class="cover-bottom">
@@ -30,7 +30,7 @@
 			</map>
 		</view>
 		<!-- 客服弹窗 -->
-		<u-popup v-model="showPop" mode="bottom">
+		<uni-popup ref="popup" type="bottom">
 			<view class="popup-box">
 				<view class="pop-top">
 					<view class="top-first pop-item">
@@ -40,11 +40,11 @@
 						电话客服
 					</view>
 				</view>
-				<view @click="showPop=false" class="pop-cancle">
+				<view @click="$refs.popup.close()" class="pop-cancle">
 					取消
 				</view>
 			</view>
-		</u-popup>
+		</uni-popup>
 	</view>
 </template>
 
@@ -60,7 +60,6 @@
 				markers: [], // 标注点
 				centerX: '',
 				centerY: '',
-				showPop: 'false', // 是否显示客服弹窗
 				markData: [{
 						id: '1',
 						name: '洗车机',