feat: 更新用户信息组件，添加复制图标并优化用户 UID 显示样式

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;
 }

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;

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>