---
url: /components/profile-card.md
---
# ProfileCard 个人名片

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

## 基础用法

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

::: tip plain 形态
`plain` 去掉卡面边框与底色，适合放进 [EvCard](./card) 的粉彩底或深色卡内做团队介绍。
:::

## API

### Props

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

### 插槽

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