UserInfoCard
说明
- 用户主页-信息卡片（组件背景色为 transparent）
const userInfo = ref({
name: mock('@first'),
namespace: mock('@first'),
avatarUrl: '/src/assets/imgs/avatar/male.png',
description: mock('@paragraph'),
fansCount: mock('@natural(0, 100)'),
followCount: mock('@natural(0, 100)'),
tenant: mock('@word'),
location: mock('@city'),
email: mock('@email'),
github: mock('@first'),
blog: mock('@url')
});
<UserInfoCard v-bind="userInfo" />
Props
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
| name | 用户名称 | string | - | - |
| namespace | 命名空间 | string | - | - |
| avatarUrl | 头像地址 | string | - | - |
| description | 描述 | string | - | - |
| fansCount | 粉丝数 | string | - | - |
| followCount | 关注数 | string | - | - |
| tenant | 公司 | string | - | - |
| location | 地址 | string | - | - |
| 邮件 | string | - | - | |
| github | github id | string | - | - |
| blog | 博客地址 | string | - | - |
| width? | 组件宽度，单位px | number | - | 260 |