介绍
以卡片的形式展示联系人信息。
引入
代码演示
添加联系人
编辑联系人
不可编辑
API
Props
| 参数 | 说明 | 类型 | 默认值 | |
|---|---|---|---|---|
| type | 卡片类型，可选值为 edit | string | add | |
| name | 联系人姓名 | string | - | |
| tel | 联系人手机号 | string | - | |
| add-text | 添加时的文案提示 | string | 添加联系人 |
Events
| 事件名 | 说明 | 回调参数 | |
|---|---|---|---|
| click | 点击时触发 | event: Event |
样式变量
组件提供了下列 Less 变量，可用于自定义样式，使用方法请参考
。
| 名称 | 默认值 | 描述 | |
|---|---|---|---|
| @contact-card-padding | @padding-md | - | |
| @contact-card-add-icon-size | 40px | - | |
| @contact-card-add-icon-color | @blue | - | |
| @contact-card-value-line-height | @line-height-md | - |
效果图：
