From 8337635d40440d7ebec4643ecd4678956190be1e Mon Sep 17 00:00:00 2001
From: Seven <qiqiwatermelon@gmail.com>
Date: Fri, 12 Dec 2025 17:13:28 +0700
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=9B=B4=E6=96=B0=E7=94=A8=E6=88=B7?=
 =?UTF-8?q?=E4=BF=A1=E6=81=AF=E7=BB=84=E4=BB=B6=EF=BC=8C=E6=B7=BB=E5=8A=A0?=
 =?UTF-8?q?=E5=A4=8D=E5=88=B6=E5=9B=BE=E6=A0=87=E5=B9=B6=E4=BC=98=E5=8C=96?=
 =?UTF-8?q?=E7=94=A8=E6=88=B7=20UID=20=E6=98=BE=E7=A4=BA=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/theme/variables.css                 |  4 ++++
 src/views/user/components/user-info.vue |  7 +++++--
 src/views/user/index.vue                | 25 ++++++++++++++++++++-----
 3 files changed, 29 insertions(+), 7 deletions(-)

diff --git a/src/theme/variables.css b/src/theme/variables.css
index 0fa0978..05b00ae 100644
--- a/src/theme/variables.css
+++ b/src/theme/variables.css
@@ -2,6 +2,10 @@
 http://ionicframework.com/docs/theming/ */
 
 :root {
+  --ion-font-family:
+    -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei",
+    "Helvetica Neue", Helvetica, Arial, sans-serif;
+
   --ui-input-background: #efefef;
   --ui-input-color: #222222;
 }
diff --git a/src/views/user/components/user-info.vue b/src/views/user/components/user-info.vue
index 590154e..6973011 100644
--- a/src/views/user/components/user-info.vue
+++ b/src/views/user/components/user-info.vue
@@ -1,5 +1,5 @@
 <script lang='ts' setup>
-import { chevronForwardOutline, qrCodeOutline } from "ionicons/icons";
+import { chevronForwardOutline, copyOutline, qrCodeOutline } from "ionicons/icons";
 
 const { user } = useAuth();
 </script>
@@ -15,7 +15,7 @@ const { user } = useAuth();
           {{ user?.email }}
         </div>
         <div class="user-uid">
-          uid: xxxxxxxx
+          uid: xxxxxxxx <ion-icon :icon="copyOutline" />
         </div>
       </div>
     </div>
@@ -45,6 +45,9 @@ const { user } = useAuth();
 .user-uid {
   color: var(--ion-text-secondary);
   font-size: 0.9em;
+  display: flex;
+  align-items: end;
+  gap: 4px;
 }
 .link {
   display: flex;
diff --git a/src/views/user/index.vue b/src/views/user/index.vue
index ee0976b..861249f 100644
--- a/src/views/user/index.vue
+++ b/src/views/user/index.vue
@@ -1,16 +1,31 @@
 <script setup lang="ts">
+import { notificationsOutline, scanOutline, settingsOutline } from "ionicons/icons";
 import UserInfo from "./components/user-info.vue";
 </script>
 
 <template>
   <IonPage>
-    <IonHeader>
-      <IonToolbar>
-        <IonTitle>User</IonTitle>
-      </IonToolbar>
-    </IonHeader>
+    <ion-toolbar class="toolbar">
+      <div slot="end">
+        <ion-button fill="clear" color="dark">
+          <ion-icon slot="icon-only" :icon="scanOutline" />
+        </ion-button>
+        <ion-button fill="clear" color="dark">
+          <ion-icon slot="icon-only" :icon="notificationsOutline" />
+        </ion-button>
+        <ion-button fill="clear" color="dark">
+          <ion-icon slot="icon-only" :icon="settingsOutline" />
+        </ion-button>
+      </div>
+    </ion-toolbar>
     <IonContent :fullscreen="true" class="ion-padding">
       <UserInfo />
     </IonContent>
   </IonPage>
 </template>
+
+<style scoped>
+.toolbar {
+  --background: white;
+}
+</style>