40 lines
1.8 KiB
Markdown
40 lines
1.8 KiB
Markdown
|
# UserInfoCard
|
|||
|
|
|
|||
|
|
### 说明
|
|||
|
|
- 用户主页-信息卡片（组件背景色为 transparent）
|
|||
|
|
|
|||
|
|
``` js
|
|||
|
|
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 | - | - |
|
|||
|
|
| email | 邮件 | string | - | - |
|
|||
|
|
| github | github id | string | - | - |
|
|||
|
|
| blog | 博客地址 | string | - | - |
|
|||
|
|
| width? | 组件宽度，单位px | number | - | 260 |
|