feat: 更新用户信息组件,添加复制图标并优化用户 UID 显示样式
This commit is contained in:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user