fix: 更新头像组件的图片源和样式,调整头像大小以提升用户体验
This commit is contained in:
@@ -13,7 +13,7 @@ defineExpose({} as ComponentInstance<typeof IonAvatar>);
|
||||
<template>
|
||||
<ion-avatar v-bind="$attrs" :ref="changeRef">
|
||||
<img
|
||||
src="https://api.iconify.design/material-icon-theme:drizzle.svg"
|
||||
src="https://r2.riwsan1.com/riwsan/avatar/avatar.png"
|
||||
alt="Avatar"
|
||||
>
|
||||
</ion-avatar>
|
||||
@@ -23,7 +23,7 @@ defineExpose({} as ComponentInstance<typeof IonAvatar>);
|
||||
ion-avatar {
|
||||
--padding: 10px;
|
||||
background-color: #e7f6e1;
|
||||
padding: var(--padding);
|
||||
border: 2px solid #e3ffcb;
|
||||
/* padding: var(--padding); */
|
||||
/* border: 2px solid #e3ffcb; */
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -32,7 +32,7 @@ const qrcode = useQRCode(url, {
|
||||
<div class="w-[80vw] h-[80vw] bg-gray-50 max-w-130 max-h-130 rounded-[14px] p-4 flex flex-col justify-center items-center relative border border-text-900">
|
||||
<div class="absolute top-0 left-1/2 -translate-x-1/2 -translate-y-1/2 flex flex-col items-center">
|
||||
<div class="p-1 rounded-full w-fit">
|
||||
<ui-avatar class="size-15 border border-text-900" />
|
||||
<ui-avatar class="size-18 border border-text-900" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user