Avatar Variants 头像变体

用法

画廊

TxAvatar 与 TxCornerOverlay、TxOutlineBorder、TxIcon 的组合，按状态、活动、平台、系统、社交、上下文分组。

最佳实践

• 只复制所需的最小模式，不要导入整个画廊 demo。
• 角标表示用户状态时，在相邻文本或父级控件的 label 中写明状态，不要只靠颜色或图标形状。
• 纯装饰角标用空 alt 或 aria-hidden。

技术实现

• 本页是配方画廊，不是导出的组件；角标样式是 demo 内的本地 CSS 类。
• 源码：apps/nexus/app/components/content/demos/AvatarVariantsAvatarVariantsGalleryDemo.vue、AvatarVariantCard.vue；组件见 packages/tuffex/packages/components/src/avatar/、corner-overlay/、outline-border/。