项目正在快速迭代中,API 与视觉细节可能随版本调整,请勿用于生产环境。开发迭代中,请勿用于生产环境。
Skip to content
仅桌面端保证样式

ProfileCard 个人名片 ​

EvProfileCard 介绍一个人:头像、姓名、角色、简介,外加可选的数据行与社交链接行。 适用于「关于我们」的团队墙、个人主页的自我介绍位。

基础用法 ​

团队墙三连
无头像时姓名首字自动兜底;stats/social 插槽按需开启。
林一

林一舟

产品设计师

做让人安心的产品,相信留白的力量。

AL

Ada Lovelace

创始工程师

把复杂留给代码,把简单留给用户。

120
提交
32
评审
We

Wen

内容负责人

写字的人,也是删字最多的人。

vue
<EvProfileCard name="林一舟" role="产品设计师" bio="…">
  <template #social>
    <EvIconButton icon="github" size="small" />
  </template>
</EvProfileCard>

plain 形态

plain 去掉卡面边框与底色,适合放进 EvCard 的粉彩底或深色卡内做团队介绍。

API ​

Props ​

属性说明类型默认值
name姓名(无头像时回退首字)string—
role角色/职位string—
bio简介文案string—
avatar头像图片地址string—
avatar-size头像尺寸(px 或 EvAvatar 预设)number / string72
plain朴素形态(无卡面)booleanfalse
glass磨砂玻璃质感(plain 形态不参与);缺省跟随全局(ConfigProvider glass)boolean—
blur磨砂强度(px),内联覆盖 --ev-glass-blurstring / number—
saturate磨砂饱和度(倍数),内联覆盖 --ev-glass-saturatestring / number—
tint磨砂底色浓度(%),内联覆盖 --ev-glass-bgstring / number—

插槽 ​

插槽说明
name / role / bio姓名/角色/简介覆写
stats数据行(常放 EvStatistic)
social社交链接行(常放 EvIconButton)

基于 MIT 许可证发布