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>
import { chevronForwardOutline, copyOutline, qrCodeOutline } from "ionicons/icons";
import { chevronForwardOutline } from "ionicons/icons";
import PrimeQrcode from "~icons/prime/qrcode";
const userStore = useUserStore();
const { userProfile } = storeToRefs(userStore);
const { userProfile, isAuthenticated } = storeToRefs(userStore);
</script>
<template>
<div class="user-info-container">
<div class="user-info" @click="$router.push('/user/settings')">
<ui-avatar class="size-14" />
<div>
<div class="user-name">
{{ userProfile?.user?.email }}
</div>
<div class="user-uid mt-1 text-xs text-text-100">
UID: {{ userProfile?.uid }}
<template v-if="isAuthenticated">
<div class="user-info" @click="$router.push('/user/settings')">
<ui-avatar class="size-14" />
<div>
<div class="user-name">
{{ userProfile?.user?.email }}
</div>
<div class="user-uid mt-1 text-xs text-text-100">
UID: {{ userProfile?.uid }}
</div>
</div>
</div>
</div>
<div class="link" @click="$router.push('/onchain-address')">
<PrimeQrcode class="qr-code" />
<ion-icon :icon="chevronForwardOutline" />
</div>
<div class="link" @click="$router.push('/onchain-address')">
<PrimeQrcode class="qr-code" />
<ion-icon :icon="chevronForwardOutline" />
</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>
</template>