temp/UI
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

iter: d22 新增头像 avatar 组件

Browse Source
This commit is contained in:
ui-arch-bot
2026-10-23 17:03:49 +08:00
parent 00a6104f84
commit f86da9866c
11 changed files with 198 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/skin/ui/ui.css
+32
View File
@@ -546,6 +546,38 @@
padding-bottom: 12px;
}
/* —— 头像 —— */
.ua-avatar {
display: inline-flex;
align-items: center;
justify-content: center;
flex: none;
border-radius: 50%;
overflow: hidden;
background: color-mix(in srgb, var(--ua-color-accent) 14%, transparent);
color: var(--ua-color-accent);
font-size: var(--ua-font-size-md);
font-weight: 500;
user-select: none;
}
.ua-avatar-img {
width: 100%;
height: 100%;
object-fit: cover;
}
.ua-avatar-success {
background: color-mix(in srgb, var(--ua-color-success) 16%, transparent);
color: var(--ua-color-success);
}
.ua-avatar-warning {
background: color-mix(in srgb, var(--ua-color-warning) 18%, transparent);
color: var(--ua-color-warning);
}
.ua-avatar-danger {
background: color-mix(in srgb, var(--ua-color-danger) 16%, transparent);
color: var(--ua-color-danger);
}
/* —— 标签（可关闭） —— */
.ua-tag {
display: inline-flex;