Baozhangchao 3 年之前
父節點
當前提交
20ee8aa4a2
共有 3 個檔案被更改,包括 6 行新增6 行删除
  1. 1
    0
      src/App.vue
  2. 1
    1
      src/components/Tabber.vue
  3. 4
    5
      src/components/UserCenter.vue

+ 1
- 0
src/App.vue 查看文件

@@ -22,5 +22,6 @@ body,
22 22
 #app {
23 23
   margin: 0;
24 24
   height: 100%;
25
+  background-color: rgb(247, 247, 247);
25 26
 }
26 27
 </style>

+ 1
- 1
src/components/Tabber.vue 查看文件

@@ -66,7 +66,7 @@ export default {
66 66
 <style lang="less" scoped>
67 67
 .tabbar {
68 68
   .van-tabbar {
69
-    padding-bottom: 2em;
69
+    // padding-bottom: 2em;
70 70
   }
71 71
 }
72 72
 </style>

+ 4
- 5
src/components/UserCenter.vue 查看文件

@@ -15,7 +15,7 @@
15 15
 
16 16
     <div class="button-box">
17 17
       <van-cell-group>
18
-        <van-cell class="user-button" title="注册" @click="handLogin()" />
18
+        <van-cell class="user-button" title="注册" icon="contact" @click="handLogin()" is-link />
19 19
       </van-cell-group>
20 20
       <!-- <button type="primary" @click="handLogin()">微信授权登录</button> -->
21 21
       <!-- <van-button class="user-button" type="info" @click="handLogin()">注册</van-button> -->
@@ -109,6 +109,8 @@ export default {
109 109
   width: 100%;
110 110
   height: 100%;
111 111
   .user-info {
112
+    background-color: #fff;
113
+    margin-bottom: 10px;
112 114
     display: flex;
113 115
     height: 20%;
114 116
     padding-left: 24px;
@@ -132,13 +134,10 @@ export default {
132 134
     }
133 135
   }
134 136
   .button-box {
135
-    width: 97%;
137
+    width: 100%;
136 138
     margin: 0 auto;
137 139
     // box-shadow: 0px 8px 38px 0px rgba(0, 0, 0, 0.12);
138 140
     .user-button {
139
-      height: 50px;
140
-      line-height: 30px;
141
-
142 141
       // box-shadow: 0px 8px 38px 0px rgba(0, 0, 0, 0.12);
143 142
     }
144 143
   }