feat(Icon): add dot prop (#4425)
This commit is contained in:
@@ -24,11 +24,12 @@ Vue.use(Icon);
|
||||
<van-icon name="https://b.yzcdn.cn/vant/icon-demo-1126.png" />
|
||||
```
|
||||
|
||||
### 显示徽标
|
||||
### 提示信息
|
||||
|
||||
设置`info`属性后,会在图标的右上角显示红色的徽标
|
||||
设置`dot`属性后,会在图标右上角展示一个小红点。设置`info`属性后,会在图标右上角展示相应的徽标
|
||||
|
||||
```html
|
||||
<van-icon name="chat" dot />
|
||||
<van-icon name="chat" info="9" />
|
||||
<van-icon name="chat" info="99+" />
|
||||
```
|
||||
@@ -73,7 +74,8 @@ import 'vant/lib/icon/local.css';
|
||||
| 参数 | 说明 | 类型 | 默认值 | 版本 |
|
||||
|------|------|------|------|------|
|
||||
| name | 图标名称或图片链接 | *string* | - | - |
|
||||
| info | 图标右上角徽标提示的内容 | *string \| number* | - | - |
|
||||
| dot | 是否显示图标右上角小红点 | *boolean* | `false` | 2.2.1 |
|
||||
| info | 图标右上角徽标的内容 | *string \| number* | - | - |
|
||||
| color | 图标颜色 | *string* | `inherit` | - |
|
||||
| size | 图标大小,如 `20px` `2em`,默认单位为`px` | *string \| number* | `inherit` | - |
|
||||
| class-prefix | 类名前缀 | *string* | `van-icon` | - |
|
||||
|
||||
Reference in New Issue
Block a user