vip标识

pages/index/my.vue

@@ -1,8 +1,9 @@
 <template>
   <layout-page>
 		<view class="pb-120">
-			<view class="text-center" @tap="handleTap">
+			<view class="text-center" :class="vip ? 'vipBox' : 'avatarBox'" @tap="handleTap">
 				<img :src="getUserAvatar(baseInfo?.avatar, baseInfo?.sex)" alt="" class="img-box">
+				<uni-icons class="vipIcon" type="vip-filled" size="45" color="#ffbc00"></uni-icons>
 				<view v-if="!useUserStore.isLogin" class="font-weight-bold font-size-20">点击登录</view>
 				<view v-else class="font-weight-bold font-size-20">{{ baseInfo?.name || userInfo?.phone }}</view>
 			</view>
@@ -82,6 +83,7 @@ onShow(() => {
 const useUserStore = userStore()
 const baseInfo = computed(() => useUserStore?.baseInfo)
 const userInfo = computed(() => useUserStore?.userInfo)
+const vip = computed(() => new Date().getTime() < useUserStore?.userInfo?.vipExpireDate)
 const popup = ref()
 const shareQrCodePopup = ref()
 const itemList = [
@@ -221,6 +223,18 @@ const handleLogoutConfirm = () => {
   border: 2rpx solid #ccc;
   border-radius: 50%;
 }
+.vipBox {
+	color: #a18a0f;
+	position: relative;
+	.img-box {
+    border: 1px solid gold;
+	}
+	.vipIcon {
+		position: absolute;
+		bottom: 24px;
+		left: 50%;
+	}
+}
 :deep(.uni-list-item) {
 	height: 120rpx !important;
 	line-height: 120rpx !important;