style:添加客服页面

src/pages/mine/customer.vue

 <template>
 	<view class="content">
-		<view>
-			<text class="title">{{title}}</text>
+		<view class="kf-body">
+			<!-- <text class="title">{{title}}</text> -->
+			<view class="name-space">
+				<view class="head-photo">
+					<u-avatar :src="avatar"></u-avatar>
+				</view>
+				<view>
+					<view class="nick"><text>aaa</text><u-icon name="server-man"></u-icon></view>
+					<view class="city"><text>安徽</text><text>合肥</text></view>
+				</view>
+			</view>
+			<view class="erweima">
+				<u-image width="424rpx" height="424rpx" :src="erweima"></u-image>
+			</view>
 		</view>
 	</view>
 </template>
@@ -10,7 +22,9 @@
 	export default {
 		data() {
 			return {
-				title: '我的客服'
+				title: '我的客服',
+		    avatar:'https://qn-static.banshouhui.com/self-support/avatar.gif',
+				erweima:"https://qn-static.banshouhui.com/self-support/erweima-bg.png"
 			}
 		},
 		onLoad() {
@@ -23,11 +37,15 @@
 </script>
 
 <style>
+	page{
+		background-color: rgb(229, 229, 236);
+	}
 	.content {
 		display: flex;
 		flex-direction: column;
 		align-items: center;
 		justify-content: center;
+		padding: 130rpx 30rpx 0rpx 30rpx;
 	}
 
 	.logo {
@@ -45,4 +63,22 @@
 		font-size: 36rpx;
 		color: #8f8f94;
 	}
+
+	.kf-body{
+		width: 100%;
+		height: 700rpx;
+		background-color: aliceblue;
+		padding: 50rpx;
+	}
+
+	.name-space{
+		display: flex;
+	}
+
+	.erweima{
+		text-align: center;
+		margin-top: 30rpx;
+		padding-left: 10%;
+	}
+
 </style>