Skip to content
仅桌面端保证样式

ProfileCard 个人名片

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

基础用法

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

林一舟

产品设计师

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

AL

Ada Lovelace

创始工程师

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

120
提交
32
评审
We

Wen

内容负责人

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

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

plain 形态

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

API

Props

属性说明类型默认值
name姓名(无头像时回退首字)string
role角色/职位string
bio简介文案string
avatar头像图片地址string
avatar-size头像尺寸(px 或 EwAvatar 预设)number / string72
plain朴素形态(无卡面)booleanfalse

插槽

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

基于 MIT 许可证发布