style:客服页面格式化

src/pages/mine/customer.vue

@@ -7,7 +7,9 @@
           <u-avatar :src="avatar"></u-avatar>
         </view>
         <view>
-					<view class="nick"><text>aaa</text><u-icon name="server-man"></u-icon></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>
@@ -19,66 +21,61 @@
 </template>
 
 <script>
-	export default {
+export default {
   data() {
     return {
       title: '我的客服',
-		    avatar:'https://qn-static.banshouhui.com/self-support/avatar.gif',
-				erweima:"https://qn-static.banshouhui.com/self-support/erweima-bg.png"
+      avatar: 'https://qn-static.banshouhui.com/self-support/avatar.gif',
+      erweima: 'https://qn-static.banshouhui.com/self-support/erweima-bg.png',
     }
   },
-		onLoad() {
-
-		},
-		methods: {
-
-		}
-	}
+  onLoad() {},
+  methods: {},
+}
 </script>
 
 <style>
-	page{
+page {
   background-color: rgb(229, 229, 236);
-	}
-	.content {
+}
+.content {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   padding: 130rpx 30rpx 0rpx 30rpx;
-	}
+}
 
-	.logo {
+.logo {
   height: 200rpx;
   width: 200rpx;
   margin: 200rpx auto 50rpx auto;
-	}
+}
 
-	.text-area {
+.text-area {
   display: flex;
   justify-content: center;
-	}
+}
 
-	.title {
+.title {
   font-size: 36rpx;
   color: #8f8f94;
-	}
+}
 
-	.kf-body{
+.kf-body {
   width: 100%;
   height: 700rpx;
   background-color: aliceblue;
   padding: 50rpx;
-	}
+}
 
-	.name-space{
+.name-space {
   display: flex;
-	}
+}
 
-	.erweima{
+.erweima {
   text-align: center;
   margin-top: 30rpx;
   padding-left: 10%;
-	}
-
+}
 </style>