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