From 412dbe08c59751b048cd6b04bc3a4d41937ec312 Mon Sep 17 00:00:00 2001
From: Hakadao <a578457889743@gmail.com>
Date: Fri, 5 Jul 2024 00:15:06 +0800
Subject: [PATCH] chore: adjust part of code style

---
 src/components/TopBar/TopBar.vue | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/src/components/TopBar/TopBar.vue b/src/components/TopBar/TopBar.vue
index 31193806..5d6b84a8 100644
--- a/src/components/TopBar/TopBar.vue
+++ b/src/components/TopBar/TopBar.vue
@@ -522,11 +522,14 @@ defineExpose({
             rounded-full
             w-40px h-40px
           />
-          <div
-            v-if="userInfo.vip?.status === 1"
-            class="vip-img bg-[url(https://i0.hdslb.com/bfs/seed/jinkela/short/user-avatar/big-vip.svg)] bg-cover bg-no-repeat w-27.5% h-27.5% z-111"
+          <svg
+            v-if="true || userInfo.vip?.status === 1"
+            class="vip-img"
             :class="{ hover: popupVisible.userPanel }"
             :style="{ opacity: popupVisible.userPanel ? 1 : 0 }"
+            bg="[url(https://i0.hdslb.com/bfs/seed/jinkela/short/user-avatar/big-vip.svg)] cover no-repeat"
+            w="27.5%" h="27.5%" z-1
+            pos="absolute bottom-0 right-0" duration-300
           />
           <Transition name="slide-in">
             <UserPanelPop
@@ -845,8 +848,6 @@ defineExpose({
     }
 
     .vip-img {
-      --uno: "absolute bottom-0 right-0 transition-all duration-300";
-
       &.hover {
         --uno: "transform scale-180 translate-y-55px translate-15px";
       }