代码优化

vedio/components/kefu-popup/kefu-popup.vue

@@ -4,9 +4,11 @@
 			<view class="container">
 				<image @click="onClose" style="width: 50rpx; height: 50rpx;margin-left:auto;margin-right: 30rpx;
 				margin-bottom: 30rpx;" src="https://mints-web.oss-cn-beijing.aliyuncs.com/images/ic_close_white.png"></image>
+				
 				<view class="content">
+					<text style="font-size: 40rpx;margin-bottom: 15rpx;">客服时间: 工作日9:00-18:00</text>
 					<text class="button1" @click="handleBtn1">客服电话</text>
-					<button class="button2" open-type="im" data-im-id="58428734699">客服在线</button>
+					<button class="button2" open-type="im" data-im-id="58428734699">在线客服</button>
 				</view>
 			</view>
 		</uni-popup>

vedio/pagesD/dotRecord/dotRecord.vue

@@ -18,6 +18,13 @@
 			</view>
 
 		</z-paging>
+
+		<view class="box-wrap" @click="handleKefu">
+			<image src="../../static/ic_service.png"></image>
+			<text>客服时间：</text>
+			<text>每天9:00-18:00</text>
+		</view>
+		<kefu-popup :show="showKefuPop" @close="showKefuPop = false" />
 	</view>
 </template>
 <script>
@@ -32,7 +39,8 @@
 		mixins: [common],
 		data() {
 			return {
-				dataList: []
+				dataList: [],
+				showKefuPop: false
 			};
 		},
 		methods: {
@@ -58,6 +66,9 @@
 						this.$refs.paging.complete(data.list);
 					}
 				});
+			},
+			handleKefu() {
+				this.showKefuPop = true
 			}
 		}
 	};
@@ -67,4 +78,23 @@
 	.body {
 		background-color: whitesmoke;
 	}
+
+	.box-wrap {
+		position: absolute;
+		bottom: 20%;
+		right: 6%;
+		z-index: 999;
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+
+		image {
+			width: 100rpx;
+			height: 100rpx;
+		}
+
+		text {
+			color: #2c2c2c;
+		}
+	}
 </style>
\ No newline at end of file

vedio/pagesD/payRecord/payRecord.vue

@@ -18,6 +18,12 @@
 			</view>
 
 		</z-paging>
+		<view class="box-wrap" @click="handleKefu">
+			<image src="../../static/ic_service.png"></image>
+			<text>客服时间：</text>
+			<text>每天9:00-18:00</text>
+		</view>
+		<kefu-popup :show="showKefuPop" @close="showKefuPop = false" />
 	</view>
 </template>
 <script>
@@ -28,7 +34,8 @@
 		mixins: [common],
 		data() {
 			return {
-				dataList: []
+				dataList: [],
+				showKefuPop: false
 			};
 		},
 		methods: {
@@ -51,6 +58,9 @@
 						this.$refs.paging.complete(data.list);
 					}
 				});
+			},
+			handleKefu() {
+				this.showKefuPop = true
 			}
 		}
 	};
@@ -60,4 +70,22 @@
 	.body {
 		background-color: whitesmoke;
 	}
+	.box-wrap {
+		position: absolute;
+		bottom: 20%;
+		right: 6%;
+		z-index: 999;
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+	
+		image {
+			width: 100rpx;
+			height: 100rpx;
+		}
+	
+		text {
+			color: #2c2c2c;
+		}
+	}
 </style>
\ No newline at end of file

vedio/pagesD/useDotRecord/useDotRecord.vue

@@ -19,6 +19,12 @@
 				</view>
 			</view>
 		</z-paging>
+		<view class="box-wrap" @click="handleKefu">
+			<image src="../../static/ic_service.png"></image>
+			<text>客服时间：</text>
+			<text>每天9:00-18:00</text>
+		</view>
+		<kefu-popup :show="showKefuPop" @close="showKefuPop = false" />
 	</view>
 </template>
 <script>
@@ -33,7 +39,8 @@
 		mixins: [common],
 		data() {
 			return {
-				dataList: []
+				dataList: [],
+				showKefuPop: false
 			};
 		},
 		methods: {
@@ -59,6 +66,9 @@
 						this.$refs.paging.complete(data.list);
 					}
 				});
+			},
+			handleKefu() {
+				this.showKefuPop = true
 			}
 		}
 	};
@@ -68,4 +78,22 @@
 	.body {
 		background-color: whitesmoke;
 	}
+	.box-wrap {
+		position: absolute;
+		bottom: 20%;
+		right: 6%;
+		z-index: 999;
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+	
+		image {
+			width: 100rpx;
+			height: 100rpx;
+		}
+	
+		text {
+			color: #2c2c2c;
+		}
+	}
 </style>
\ No newline at end of file