客户按钮优化显示

pages/reshui/reshui.vue

@@ -77,12 +77,12 @@
 			</view>
 		</view>
 		<instructions v-if="flag" @parent_cancel="cancel" @parent_noshow='noshow'></instructions>
-		<view class="call">
-			<button class="default-btn floating-button-call" @tap="makeCall"></button>
-		</view>
 		<view class="operation-manual">
 			<button class="default-btn floating-button-manual" @tap="showPopup = true"></button>
 		</view>
+		<view class="call">
+			<button class="default-btn floating-button-call" @tap="makeCall"></button>
+		</view>
 		<Popup :showPopup="showPopup" @close="showPopup = false">
 			<scroll-view class="article" scroll-y>
 				<view class="desc-title">{{ article.title }}</view>
@@ -1888,7 +1888,7 @@
 		.call {
 			position: fixed;
 			right: 40rpx;
-			bottom: 80rpx;
+			bottom: 180rpx;
 		}
 
 		.default-btn {
@@ -1900,29 +1900,31 @@
 		.floating-button-call {
 			position: relative;
 			font-size: 28rpx;
-			width: 80rpx;
-			height: 80rpx;
+			width: 90rpx;
+			height: 90rpx;
 			border: 1px solid #ccc;
 			border-radius: 50%;
 			opacity: 0.5;
-			background: url('images/kefu.png') center center no-repeat;
+			background: url('../../static/images/kefu.png') center center no-repeat;
+			background-size: 68rpx auto;
 		}
 
 		.operation-manual {
 			position: fixed;
 			right: 40rpx;
-			bottom: 180rpx;
+			bottom: 300rpx;
 		}
 
 		.floating-button-manual {
 			position: relative;
 			font-size: 28rpx;
-			width: 80rpx;
-			height: 80rpx;
+			width: 90rpx;
+			height: 90rpx;
 			border: 1px solid #ccc;
 			border-radius: 50%;
 			opacity: 0.5;
-			background: url('images/yhsc.png') center center no-repeat;
+			background: url('../../static/images/yhsc.png') center center no-repeat;
+			background-size: 68rpx auto;
 		}
 
 		.article {

pagesElectric/jiaofei/jiaofei.css

@@ -180,15 +180,6 @@ page {
 	white-space: nowrap;
 }
 
-.makecall {
-	font-size: 30upx;
-	color: #ffffff;
-	border: solid #ccc 1upx;
-	border-radius: 47.5upx;
-	background-color: #ccc;
-	white-space: nowrap;
-}
-
 .change-show {
 	width: 120upx;
 	font-size: 30upx;
@@ -223,5 +214,29 @@ page {
 	background: url(../../static/images/gou.png) 0upx 0upx no-repeat;
 	background-size: 20%;
 	background-position: right bottom;
-	background-color: rgba(18,150,219,0.1);
+	background-color: rgba(18, 150, 219, 0.1);
 }
+
+.call {
+	position: fixed;
+	right: 40rpx;
+	bottom: 180rpx;
+}
+
+.default-btn {
+	background-color: transparent;
+	border: none;
+	outline: none;
+}
+
+.floating-button-call {
+	position: relative;
+	font-size: 28rpx;
+	width: 90rpx;
+	height: 90rpx;
+	border: 1px solid #ccc;
+	border-radius: 50%;
+	opacity: 0.5;
+	background: url('../../static/images/kefu.png') center center no-repeat;
+	background-size: 68rpx auto;
+}

pagesElectric/jiaofei/jiaofei.vue

@@ -64,12 +64,12 @@
 		<view class="change-show" @tap="navigateToShow">
 			台账管理
 		</view>
-		<view class="submit-item" v-if="true">
-			<button class="makecall" @tap="makeCall">客服电话：{{tel}}</button>
-		</view>
 		<view v-if="img_url !== ''" class="ad">
 			<image :src="img_url" mode="aspectFill" class="ad_img" @tap="ad_redirect" @error="loadImgError"></image>
 		</view>
+		<view class="call">
+			<button class="default-btn floating-button-call" @tap="makeCall"></button>
+		</view>
 	</view>
 </template>