添加联系客服

uni_applet/pages/my/my.vue

@@ -8,27 +8,27 @@
 					</view>
 					<view>
 						<view class='flex'>
-							<view @click='login' v-if='!edit' style="font-weight: bold;font-size: 32rpx;">{{userInfo.nickname?userInfo.nickname:'请点击登录'}}</view>
-							<view v-else> <u--input
-								placeholder="请输入内容"
-								border="bottom"
-								v-model='userInfo.nickname'
-								clearable
-							  ></u--input></view>
-							<u-icon  v-if='!edit&&userInfo.phone' @click='edit = true' name="edit-pen-fill" color="#eaad1a" size="24"></u-icon>
-							<u-icon  v-if='edit&&userInfo.phone' @click='editNickName' name="checkbox-mark" color="#eaad1a" size="24"></u-icon>
+							<view @click='login' v-if='!edit' style="font-weight: bold;font-size: 32rpx;">
+								{{userInfo.nickname?userInfo.nickname:'请点击登录'}}
+							</view>
+							<view v-else> <u--input placeholder="请输入内容" border="bottom" v-model='userInfo.nickname'
+									clearable></u--input></view>
+							<u-icon v-if='!edit&&userInfo.phone' @click='edit = true' name="edit-pen-fill"
+								color="#eaad1a" size="24"></u-icon>
+							<u-icon v-if='edit&&userInfo.phone' @click='editNickName' name="checkbox-mark"
+								color="#eaad1a" size="24"></u-icon>
 						</view>
 						<view>{{userInfo.phone1}}</view>
 					</view>
-				</view>	
+				</view>
 				<view>
 					<u-icon name="bell" color="#eaad1a" size="28"></u-icon>
 				</view>
 			</view>
-			
+
 		</view>
 		<view class="wrap">
-		<!-- 	<view class='orderList'>
+			<!-- 	<view class='orderList'>
 				<view class="orderItem align-item-center">
 					<view style='position:relative;'>
 						<u-icon name="home-fill" color="#2979ff" size="28"></u-icon>
@@ -66,11 +66,7 @@
 					    isLink
 					    url="/pages/componentsB/tag/tag"
 					></u-cell> -->
-					<u-cell
-					    title="我的发布"
-					    isLink
-					    url="/pageA/my/mypublish"
-					></u-cell>
+					<u-cell title="我的发布" isLink url="/pageA/my/mypublish"></u-cell>
 					<!-- <u-cell
 					    title="房源发布"
 					    isLink
@@ -91,17 +87,11 @@
 					    isLink
 					    url="/pages/componentsB/badge/badge"
 					></u-cell> -->
-					<u-cell
-					    title="联系客服"
-					    isLink
-					    url="/pages/componentsB/badge/badge"
-					></u-cell>
-					<u-cell
-					:border='false'
-					    title="去商家端"
-					    isLink
-					    url="/pageA/enter/enter"
-					></u-cell>
+					<view class="kf">
+						<button class="left-btn" open-type='contact'>联系客服</button>
+					</view>
+
+					<u-cell :border='false' title="去商家端" isLink url="/pageA/enter/enter"></u-cell>
 				</u-cell-group>
 			</view>
 		</view>
@@ -110,54 +100,54 @@
 </template>
 
 <script>
-		import loginPopUp from "@/components/loginPopUp/index.vue"
+	import loginPopUp from "@/components/loginPopUp/index.vue"
 	export default {
 		components: {
 			loginPopUp
 		},
 		data() {
 			return {
-				edit:false,
-				offset:['-2','-27%'],
-				type:"warning",
-				value:'88',
+				edit: false,
+				offset: ['-2', '-27%'],
+				type: "warning",
+				value: '88',
 				title: 'Hello',
-				userInfo:{},
+				userInfo: {},
 			}
 		},
 		onLoad() {
 
 		},
-		onShow(){
-			if(!uni.getStorageSync("userInfo").phone){
+		onShow() {
+			if (!uni.getStorageSync("userInfo").phone) {
 				this.$refs.loginpopup.open()
-			}else{
+			} else {
 				this.userInfo = uni.getStorageSync("userInfo")
-				  var reg = /1(\d{2})\d{4}(\d{4})/g;
-				this.userInfo.phone1 = this.userInfo.phone.replace(reg,"1$1****$2");
+				var reg = /1(\d{2})\d{4}(\d{4})/g;
+				this.userInfo.phone1 = this.userInfo.phone.replace(reg, "1$1****$2");
 				console.log(this.userInfo)
 			}
 		},
 		methods: {
-			editNickName(){
+			editNickName() {
 				this.$request.baseRequest('admin.unimall.commonUserInfo', 'update', {
-					commonUserInfo:JSON.stringify(this.userInfo)
+					commonUserInfo: JSON.stringify(this.userInfo)
 				}, failres => {
 					uni.showToast({
 						icon: "none",
 						title: failres.errmsg,
 						duration: 3000
-					});	
+					});
 				}).then(res => {
-					uni.setStorageSync("userInfo",this.userInfo)
-					this.edit=false
+					uni.setStorageSync("userInfo", this.userInfo)
+					this.edit = false
 				})
 			},
-			login(){
-				if(!uni.getStorageSync("userInfo").phone){
+			login() {
+				if (!uni.getStorageSync("userInfo").phone) {
 					this.$refs.loginpopup.open()
-				}else{
-					
+				} else {
+
 				}
 			}
 		}
@@ -190,35 +180,66 @@
 		font-size: 36rpx;
 		color: #8f8f94;
 	}
-	.wrap{
-		width:92vw;
+
+	.wrap {
+		width: 92vw;
 	}
-	.orderList{
-		display:flex;
+
+	.orderList {
+		display: flex;
 		flex-wrap: wrap;
-		.orderItem{
-			width:48%;
-			padding:20rpx;
-			background:#E5EBFF;
-			box-sizing:border-box;
-			margin:5rpx;
-			border-radius:10rpx;
-			display:flex;
+
+		.orderItem {
+			width: 48%;
+			padding: 20rpx;
+			background: #E5EBFF;
+			box-sizing: border-box;
+			margin: 5rpx;
+			border-radius: 10rpx;
+			display: flex;
 		}
-		/deep/.u-badge{
-			z-index:50;
+
+		/deep/.u-badge {
+			z-index: 50;
 		}
-		.orderName{
-			margin-left:20rpx;
+
+		.orderName {
+			margin-left: 20rpx;
 		}
 	}
-	.user{
-		background:#fff;
-		width:100%;
-		padding:10rpx 20rpx;
+
+	.user {
+		background: #fff;
+		width: 100%;
+		padding: 10rpx 20rpx;
 	}
-	.userWrap{
-		width:92vw;
-		margin:0 auto;
+
+	.userWrap {
+		width: 92vw;
+		margin: 0 auto;
+	}
+
+	.kf {
+		border-bottom-width: 1px;
+		border-bottom-style: solid;
+		width: 100%;
+		border-color: #d6d7d9;
+		padding: 20rpx;
+		box-sizing: border-box;
+	}
+
+	.left-btn {
+		padding: 0;
+		margin: 0;
+		font-size: 30rpx;
+		height: 42rpx;
+		display: flex;
+		align-items: center;
+		background-color: #fff;
+		margin-left: 10rpx;
+	}
+
+	.left-btn:after {
+		border: none !important;
 	}
-</style>
+</style>