diff --git a/src/views/user/components/user-info.vue b/src/views/user/components/user-info.vue
index c86d1df..3583248 100644
--- a/src/views/user/components/user-info.vue
+++ b/src/views/user/components/user-info.vue
@@ -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>