chore: adjust part of code style

This commit is contained in:
Hakadao
2024-07-05 00:15:06 +08:00
parent 5729c0b81a
commit 412dbe08c5

View File

@@ -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";
}