yuantianjiao 6 gadus atpakaļ
vecāks
revīzija
1988945610

+ 4
- 4
src/pages/user/mainPage/userCenter/index.vue Parādīt failu

@@ -1,7 +1,7 @@
1 1
 <template>
2 2
   <div class="mainPage">
3 3
     <div>
4
-      <div class="userTop_view" :class="{'short':!user.Phone,'long':user.Phone}">
4
+      <div class="userTop_view" :class="{'long':user.Phone}">
5 5
         <div class="gradient_bg"></div>
6 6
         <div class="zIndex_bg"></div>
7 7
         <div class="user-card">
@@ -49,12 +49,12 @@
49 49
           <span>卡券</span>
50 50
           <span>0张未使用</span>
51 51
         </div>
52
-        <div class="flex-item privilege-item" @click="toVipDetail">
53
-          <i class="iconfont icon-01" @click.stop="toVip"></i>
52
+        <div class="flex-item privilege-item">
53
+          <!-- <i class="iconfont icon-01" @click.stop="toVip"></i> -->
54 54
           <div class="img-box">
55 55
             <img src="../../../../common/icon/userCenter-icon-3.png" width="100%" height="100%" alt>
56 56
           </div>
57
-          <span>VIP卡</span>
57
+          <span>积分</span>
58 58
           <span>
59 59
             ¥{{Nums.vipbalance}}
60 60
             <i class="iconfont icon-jiantou-right" style="font-size: 0.1rem;"></i>

+ 4
- 6
src/pages/user/mainPage/userCenter/page.scss Parādīt failu

@@ -10,12 +10,8 @@
10 10
   justify-content: center;
11 11
   align-items: center;
12 12
 }
13
-
14
-.short{
15
-  margin-bottom: 0.6rem;
16
-}
17 13
 .long{
18
-  margin-bottom: 1.3rem;
14
+  margin-bottom: .65rem;
19 15
 
20 16
 }
21 17
 .user-card{
@@ -24,7 +20,7 @@
24 20
   box-shadow: 0px 0px .1rem 0px rgba(0,0,0,.1);
25 21
   border-radius: 8px;
26 22
   position: absolute;
27
-  top: 1rem;
23
+  top: .35rem;
28 24
   left: 50%;
29 25
   transform: translateX(-50%);
30 26
   z-index: 3;
@@ -37,12 +33,14 @@
37 33
       width: .56rem;
38 34
       height: .56rem;
39 35
       margin-right: .1rem;
36
+      border-radius: 50%;
40 37
     }
41 38
     div{
42 39
       color: #7D7D7D;
43 40
       font-size: .14rem;
44 41
     }
45 42
     .user-name{
43
+      color: #000;
46 44
       font-size: .18rem;
47 45
     }
48 46
   }