ytj

src/pages/user/mainPage/userCenter/index.vue

 <template>
   <div class="mainPage">
     <div>
-      <div class="userTop_view" :class="{'short':!user.Phone,'long':user.Phone}">
+      <div class="userTop_view" :class="{'long':user.Phone}">
         <div class="gradient_bg"></div>
         <div class="zIndex_bg"></div>
         <div class="user-card">
           <span>卡券</span>
           <span>0张未使用</span>
         </div>
-        <div class="flex-item privilege-item" @click="toVipDetail">
-          <i class="iconfont icon-01" @click.stop="toVip"></i>
+        <div class="flex-item privilege-item">
+          <!-- <i class="iconfont icon-01" @click.stop="toVip"></i> -->
           <div class="img-box">
             <img src="../../../../common/icon/userCenter-icon-3.png" width="100%" height="100%" alt>
           </div>
-          <span>VIP卡</span>
+          <span>积分</span>
           <span>
             ￥{{Nums.vipbalance}}
             <i class="iconfont icon-jiantou-right" style="font-size: 0.1rem;"></i>

src/pages/user/mainPage/userCenter/page.scss

   justify-content: center;
   align-items: center;
 }
-
-.short{
-  margin-bottom: 0.6rem;
-}
 .long{
-  margin-bottom: 1.3rem;
+  margin-bottom: .65rem;
 
 }
 .user-card{
   box-shadow: 0px 0px .1rem 0px rgba(0,0,0,.1);
   border-radius: 8px;
   position: absolute;
-  top: 1rem;
+  top: .35rem;
   left: 50%;
   transform: translateX(-50%);
   z-index: 3;
       width: .56rem;
       height: .56rem;
       margin-right: .1rem;
+      border-radius: 50%;
     }
     div{
       color: #7D7D7D;
       font-size: .14rem;
     }
     .user-name{
+      color: #000;
       font-size: .18rem;
     }
   }