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

This commit is contained in:
2025-12-12 17:13:28 +07:00
parent e7356e75ec
commit 8337635d40
3 changed files with 29 additions and 7 deletions

View File

@@ -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>