mine

pages/mine/mine.vue

@@ -16,7 +16,18 @@
         我的
       </div>
       <div class="flex pt-3 px-5">
-        <img @click="toUserInfo" style="width: 116rpx; height: 116rpx" :src="userInfo.avatar" class="rounded-full" />
+        <img
+          @click="toUserInfo"
+          style="width: 116rpx; height: 116rpx"
+          :src="userInfo.avatar"
+          v-if="hasLogin"
+          class="rounded-full"
+        />
+        <img
+          style="width: 116rpx; height: 116rpx; border: 2px solid #fff; background-color: #bbbcc3; opacity: 0.4"
+          v-if="!hasLogin"
+          class="rounded-full"
+        />
         <div style="color: #bbbcc3" class="ml-3" v-if="hasLogin">
           <div>
             <span>{{ userInfo.nickname || '' }}</span>
@@ -28,24 +39,25 @@
               class="absolute fs13"
               style="top: 0; height: 60rpx; right: 15rpx; color: #713b08; z-index: 999; line-height: 60rpx"
             >
-              1
+              {{ userInfoDetail.userLevel || 0 }}
             </div>
           </div>
         </div>
 
-        <div class="text-white" @click="toLogin" v-else>点击登录</div>
+        <div class="text-white mt-4 ml-3" @click="toLogin" v-else>点击登录</div>
       </div>
       <div class="flex justify-around text-white mt-4 items-center text-center">
-        <div class="">
-          <div class="fs16 bold">{{ 999 }}</div>
+        <div class="" @click="$navigateTo('/pages/integralRecord/integralRecord')">
+          <div class="fs16 bold">{{ userInfoDetail.integral || 0 }}</div>
           <div class="fs14">积分</div>
         </div>
-        <div class="">
-          <div class="fs16 bold">{{ 999 }}</div>
+        <div class="" @click="$navigateTo('/pages/coupon/coupon')">
+          <div class="fs16 bold">{{ userInfoDetail.couponNum || 0 }}</div>
           <div class="fs14">优惠券</div>
         </div>
       </div>
       <img
+        @click="$navigateTo('/pages/vip/vip')"
         src="https://file.rongcyl.cn/festatic/bkm/mine/vip.png"
         style="width: 152rpx; height: 170rpx; position: absolute"
         :style="{ top: vipTop, right: '15rpx' }"
@@ -66,6 +78,14 @@
         padding-top: 100rpx;
       "
     >
+      <uni-popup class="popup" ref="popup" type="center">
+        <image
+          class="qrcodeImg"
+          :show-menu-by-longpress="true"
+          :src="'https://file.rongcyl.cn/festatic/bkm/imgv2/QRcode.png'"
+          mode="widthFix"
+        />
+      </uni-popup>
       <div class="flex justify-between items-center">
         <div class="fs14">我的订单</div>
         <div class="flex items-center">
@@ -123,7 +143,11 @@
           style="width: 28rpx; height: 28rpx; display: inline-block"
         />
       </div>
-      <div class="flex justify-between fs14 items-center border-t border-zinc-600" style="height: 92rpx">
+      <div
+        @click="showQRcode"
+        class="flex justify-between fs14 items-center border-t border-zinc-600"
+        style="height: 92rpx"
+      >
         <div class="flex items-center">
           <img
             src="https://file.rongcyl.cn/festatic/bkm/mine/s3.png"
@@ -137,7 +161,11 @@
           style="width: 28rpx; height: 28rpx; display: inline-block"
         />
       </div>
-      <div class="flex justify-between fs14 items-center border-t border-zinc-600" style="height: 92rpx">
+      <button
+        open-type="contact"
+        class="btn flex justify-between fs14 items-center border-t border-zinc-600"
+        style="height: 92rpx"
+      >
         <div class="flex items-center">
           <img
             src="https://file.rongcyl.cn/festatic/bkm/mine/s4.png"
@@ -150,8 +178,12 @@
           src="https://file.rongcyl.cn/festatic/bkm/arrow.png"
           style="width: 28rpx; height: 28rpx; display: inline-block"
         />
-      </div>
-      <div class="flex justify-between fs14 items-center border-t border-zinc-600" style="height: 92rpx">
+      </button>
+      <div
+        class="flex justify-between fs14 items-center border-t border-zinc-600"
+        style="height: 92rpx"
+        @click="pageTo('/pages/addressManage/addressManage')"
+      >
         <div class="flex items-center">
           <img
             src="https://file.rongcyl.cn/festatic/bkm/mine/s5.png"
@@ -165,7 +197,11 @@
           style="width: 28rpx; height: 28rpx; display: inline-block"
         />
       </div>
-      <div class="flex justify-between fs14 items-center border-t border-zinc-600" style="height: 92rpx">
+      <div
+        @click="$navigateTo('/pages/rule/rule', { type: 0 })"
+        class="flex justify-between fs14 items-center border-t border-zinc-600"
+        style="height: 92rpx"
+      >
         <div class="flex items-center">
           <img
             src="https://file.rongcyl.cn/festatic/bkm/mine/s6.png"
@@ -179,7 +215,11 @@
           style="width: 28rpx; height: 28rpx; display: inline-block"
         />
       </div>
-      <div class="flex justify-between fs14 items-center border-t border-b border-zinc-600" style="height: 92rpx">
+      <div
+        @click="$navigateTo('/pages/userAgreement/userAgreement')"
+        class="flex justify-between fs14 items-center border-t border-b border-zinc-600"
+        style="height: 92rpx"
+      >
         <div class="flex items-center">
           <img
             src="https://file.rongcyl.cn/festatic/bkm/mine/s7.png"
@@ -194,14 +234,6 @@
         />
       </div>
     </div>
-    <uni-popup class="popup" ref="popup" type="center">
-      <image
-        class="qrcodeImg"
-        :show-menu-by-longpress="true"
-        :src="'https://file.rongcyl.cn/festatic/bkm/imgv2/QRcode.png'"
-        mode="widthFix"
-      />
-    </uni-popup>
   </view>
 </template>
 
@@ -297,17 +329,20 @@ export default {
 
 <style scoped lang="scss">
 .btn {
-  border: none;
+  // border: none;
   outline: none;
-  background-color: #fff;
-
+  background: #232428;
+  color: #bbbcc3;
+  padding: 0;
   &::after {
-    border: none;
+    // border: none;
   }
 }
 
 .qrcodeImg {
   width: 70vw;
+  position: relative;
+  z-index: 1000;
   border-radius: 5px;
 }
 </style>