git

src/App.vue

 #app {
   margin: 0;
   height: 100%;
+  background-color: rgb(247, 247, 247);
 }
 </style>

src/components/Tabber.vue

 <style lang="less" scoped>
 .tabbar {
   .van-tabbar {
-    padding-bottom: 2em;
+    // padding-bottom: 2em;
   }
 }
 </style>

src/components/UserCenter.vue

 
     <div class="button-box">
       <van-cell-group>
-        <van-cell class="user-button" title="注册" @click="handLogin()" />
+        <van-cell class="user-button" title="注册" icon="contact" @click="handLogin()" is-link />
       </van-cell-group>
       <!-- <button type="primary" @click="handLogin()">微信授权登录</button> -->
       <!-- <van-button class="user-button" type="info" @click="handLogin()">注册</van-button> -->
   width: 100%;
   height: 100%;
   .user-info {
+    background-color: #fff;
+    margin-bottom: 10px;
     display: flex;
     height: 20%;
     padding-left: 24px;
     }
   }
   .button-box {
-    width: 97%;
+    width: 100%;
     margin: 0 auto;
     // box-shadow: 0px 8px 38px 0px rgba(0, 0, 0, 0.12);
     .user-button {
-      height: 50px;
-      line-height: 30px;
-
       // box-shadow: 0px 8px 38px 0px rgba(0, 0, 0, 0.12);
     }
   }