Ver código fonte

样式调整

lilei 5 anos atrás
pai
commit
0196739260
1 arquivos alterados com 32 adições e 33 exclusões
  1. 32 33
      pages/index/index.vue

+ 32 - 33
pages/index/index.vue

@@ -1,8 +1,14 @@
 <template>
 <template>
 	<view class="content">
 	<view class="content">
 		<!-- 顶部导航 -->
 		<!-- 顶部导航 -->
-		<uni-nav-bar :border="false" @click-left="toUserCenter" leftIcon="person-filled" leftText=" " :shadow="false"
-		 background-color="#fff" :status-bar="true" :fixed="true" color="rgb(255,0,0)" title=" ">
+		<uni-nav-bar 
+		:border="false" 
+		@click-left="toUserCenter" 
+		leftIcon="person-filled" 
+		 background-color="#fff" 
+		 :status-bar="true" 
+		 :fixed="true" 
+		 color="rgb(255,0,0)">
 		</uni-nav-bar>
 		</uni-nav-bar>
 		<!-- 页面主体 -->
 		<!-- 页面主体 -->
 		<view class="pageContent">
 		<view class="pageContent">
@@ -29,22 +35,6 @@
 				</view>
 				</view>
 			</map>
 			</map>
 		</view>
 		</view>
-		<!-- 客服弹窗 -->
-		<uni-popup ref="popup" type="bottom">
-			<view class="popup-box">
-				<view class="pop-top">
-					<view class="top-first pop-item">
-						在线客服
-					</view>
-					<view @click="callPhone" class="pop-item">
-						电话客服
-					</view>
-				</view>
-				<view @click="closePop" class="pop-cancle">
-					取消
-				</view>
-			</view>
-		</uni-popup>
 	</view>
 	</view>
 </template>
 </template>
 
 
@@ -60,7 +50,6 @@
 				markers: [], // 标注点
 				markers: [], // 标注点
 				centerX: '',
 				centerX: '',
 				centerY: '',
 				centerY: '',
-				showPop: false, // 是否显示客服弹框
 				markData: [{
 				markData: [{
 						id: '1',
 						id: '1',
 						name: '洗车机',
 						name: '洗车机',
@@ -173,13 +162,23 @@
 			},
 			},
 			// 联系客服
 			// 联系客服
 			openPop() {
 			openPop() {
-				 this.$refs.popup.open()
-				 this.showPop = true
-			},
-			// 关闭客服弹窗
-			closePop() {
-				this.$refs.popup.close()
-				this.showPop = false
+				 let _this = this
+				 uni.showActionSheet({
+				     itemList: ['在线客服', '电话客服'],
+				     success: function (res) {
+						 //在线客服
+						 if(res.tapIndex == 1){
+						   _this.callPhone()
+						 }
+				         //电话客服
+						 if(res.tapIndex == 1){
+							 _this.callPhone()
+						 }
+				     },
+				     fail: function (res) {
+				         console.log(res.errMsg);
+				     }
+				 });
 			},
 			},
 			// 电话客服
 			// 电话客服
 			callPhone () {
 			callPhone () {
@@ -244,19 +243,19 @@
 
 
 			.cover-view {
 			.cover-view {
 				position: absolute;
 				position: absolute;
-				top: calc(60% - 120rpx);
+				top: calc(60% - 150rpx);
 				left: calc(50% - 360rpx);
 				left: calc(50% - 360rpx);
-				background: rgba(255, 0, 0, 0.6);
-				border-radius: 20rpx;
-
 				.flex-wrp {
 				.flex-wrp {
 					display: flex;
 					display: flex;
 					flex-direction: column;
 					flex-direction: column;
 				}
 				}
 
 
 				.flex-item {
 				.flex-item {
-					width: 120rpx;
-					height: 120rpx;
+					background: rgba(0, 0, 0, 0.6);
+					margin-bottom: 10rpx;
+					border-radius: 10rpx;
+					width: 110rpx;
+					height: 110rpx;
 					font-size: 24rpx;
 					font-size: 24rpx;
 					color: #F8F8F8;
 					color: #F8F8F8;
 					display: flex;
 					display: flex;
@@ -274,7 +273,7 @@
 
 
 			.cover-bottom {
 			.cover-bottom {
 				position: absolute;
 				position: absolute;
-				bottom: calc(60rpx);
+				bottom: calc(100rpx);
 				width: 80%;
 				width: 80%;
 				left: calc(9%);
 				left: calc(9%);
 			}
 			}