# 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        |