root/riwa-ionic
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 修复用户信息组件，确保在用户未登录时正确显示登录/注册按钮

Browse Source
This commit is contained in:
Seven
2026-01-08 01:02:09 +07:00
parent d8ba3fedf3
commit 9ee8ffb806
1 changed files with 26 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
src/views/user/components/user-info.vue
View File

@@ -1,28 +1,39 @@
<script lang='ts' setup> <script lang='ts' setup>
import { chevronForwardOutline, copyOutline, qrCodeOutline } from "ionicons/icons"; import { chevronForwardOutline } from "ionicons/icons";
import PrimeQrcode from "~icons/prime/qrcode"; import PrimeQrcode from "~icons/prime/qrcode";
const userStore = useUserStore(); const userStore = useUserStore();
const { userProfile } = storeToRefs(userStore); const { userProfile, isAuthenticated } = storeToRefs(userStore);
</script> </script>
<template> <template>
<div class="user-info-container"> <div class="user-info-container">
<div class="user-info" @click="$router.push('/user/settings')"> <template v-if="isAuthenticated">
<ui-avatar class="size-14" /> <div class="user-info" @click="$router.push('/user/settings')">
<div> <ui-avatar class="size-14" />
<div class="user-name"> <div>
{{ userProfile?.user?.email }} <div class="user-name">
</div> {{ userProfile?.user?.email }}
<div class="user-uid mt-1 text-xs text-text-100"> </div>
UID: {{ userProfile?.uid }} <div class="user-uid mt-1 text-xs text-text-100">
UID: {{ userProfile?.uid }}
</div>
</div> </div>
</div> </div>
</div> <div class="link" @click="$router.push('/onchain-address')">
<div class="link" @click="$router.push('/onchain-address')"> <PrimeQrcode class="qr-code" />
<PrimeQrcode class="qr-code" /> <ion-icon :icon="chevronForwardOutline" />
<ion-icon :icon="chevronForwardOutline" /> </div>
</div> </template>
<template v-else>
<div class="user-info" @click="$router.push('/auth/login')">
<ui-avatar class="size-14" />
<ion-button shape="round" size="small">
点击登录 / 注册
</ion-button>
</div>
</template>
</div> </div>
</template> </template>