会员皇冠

src/layout/personal/navBar.vue

@@ -51,9 +51,14 @@
             <v-menu open-on-hover>
               <template v-slot:activator="{ props }">
                 <div class="d-flex ml-3 align-center cursor-pointer" :class="{'active-route': routeActive === 5}" v-bind="props" @click="handleToPersonalCenter">
-                  <v-avatar>
-                    <v-img alt="John" :src="getUserAvatar(baseInfo?.avatar, baseInfo?.sex)"></v-img>
-                  </v-avatar>
+                  <div style="position: relative;">
+                    <v-avatar>
+                      <v-img alt="John" :src="getUserAvatar(baseInfo?.avatar, baseInfo?.sex)"></v-img>
+                    </v-avatar>
+                    <div v-if="canUse" style="position: absolute; right: 1px; top: -17px;">
+                      <svg-icon name="huangguan1" size="30" style="transform: rotate(12deg);"></svg-icon>
+                    </div>
+                  </div>
                   <div class="ml-3 commonHover">
                     {{ baseInfo?.name || userInfo.phone }}
                     <v-icon :color="routeActive === 5 ? '#008979' : '#333'" size="30">mdi-menu-down</v-icon>
@@ -195,6 +200,10 @@ const routeActive = computed(() => {
   return index
 })
 
+const canUse = computed(() => {
+  return new Date().getTime() < userStore.userInfo?.vipExpireDate
+})
+
 const show = ref(false)
 const radios = ref(null)
 const enterpriseList = ref([])