Update menu styles and navigation routing

This commit is contained in:
wangqiao
2025-08-27 22:02:57 +08:00
parent 170113e11c
commit bc006c404b
2 changed files with 5 additions and 5 deletions

View File

@ -19,7 +19,7 @@
</div> </div>
</div> </div>
<div v-if="isLogin" class="flex flex-1 items-center justify-end"> <div v-if="isLogin" class="flex flex-1 items-center justify-end">
<div class="h-[36px] w-[36px] cursor-pointer border-rd-[50%] bg-[#F5F5F5] text-center line-height-[44px]" @click="handleUserCenter"> <div class="h-[36px] w-[36px] cursor-pointer border-rd-[50%] bg-[#F5F5F5] text-center flex items-center justify-center" @click="handleUserCenter">
<img src="~/assets/images/user.png" alt="" srcset="" class="h-[19px] w-[17px]" /> <img src="~/assets/images/user.png" alt="" srcset="" class="h-[19px] w-[17px]" />
</div> </div>
<div class="ml-[8px] h-[36px] w-[36px] cursor-pointer border-rd-[50%] text-center line-height-[44px]" @click="handleMessageCenter"> <div class="ml-[8px] h-[36px] w-[36px] cursor-pointer border-rd-[50%] text-center line-height-[44px]" @click="handleMessageCenter">
@ -57,7 +57,7 @@
// 消息中心 // 消息中心
const handleMessageCenter = () => { const handleMessageCenter = () => {
navigateTo('/personal-Center/center-message') navigateTo('/personal-Center/message-center')
} }
</script> </script>
<style scoped> <style scoped>

View File

@ -10,10 +10,10 @@
fit="cover" fit="cover"
@click="handleUserInfo" @click="handleUserInfo"
/> />
<div class="mt-[10px] text-[16px] text-[#333333] font-normal"> <div class="mt-[10px] text-[16px] text-[#333333] font-normal flex items-center">
<img v-if="userStore.userInfoRes.vipLevel === 1" src="~/assets/svg/vip.svg" alt="" class="relative top-[12px]" />
<img v-if="userStore.userInfoRes.vipLevel === 2" src="~/assets/svg/svip.svg" alt="" class="relative top-[12px]" />
Hi{{ userStore.userInfoRes.nickname || '欢迎访问~' }} Hi{{ userStore.userInfoRes.nickname || '欢迎访问~' }}
<img v-if="userStore.userInfoRes.vipLevel === 1" src="~/assets/svg/vip.svg" alt="" class="relative top-[1px]" />
<img v-if="userStore.userInfoRes.vipLevel === 2" src="~/assets/svg/svip.svg" alt="" class="relative top-[1px]" />
</div> </div>
</div> </div>
<div v-if="isLogin" class="mt-[20px] flex flex-col gap-[20px] px-[20px] text-[14px] text-[#333333] font-normal"> <div v-if="isLogin" class="mt-[20px] flex flex-col gap-[20px] px-[20px] text-[14px] text-[#333333] font-normal">