|
|
@@ -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([])
|
