Icon
基于svg的小图标, 通过color改变颜色, 自动集成父元素的color属性.
基本使用
<a-icon name="plus" class="border"/>
<a-icon name="arrow-left" class="border"/>
<a-icon name="arrow-right" class="border"/>
<a-icon name="arrow-up" class="border"/>
<a-icon name="arrow-down" class="border"/>
<a-icon name="minus" class="border"/>
<a-icon name="menu" class="border"/>
<a-icon name="close" class="border"/>
<a-icon name="tick" class="border"/>
<a-icon name="star" class="border"/>
<a-icon name="star-o" class="border"/>
<a-icon name="warning" class="border"/>
API
props
| 参数 | 说明 | 类型 | 默认值 | 可选值 | 是否必选 |
|---|---|---|---|---|---|
| name | 图标名称 | String | plus arrow minus... | - | 是 |
| size | 宽度和高度 | Number | 48 | - | 否 |
| vAlign | 垂直方向对齐方式 | String | bottom | - | 否 |
name
| 值 | 说明 |
|---|---|
| plus | 加号 |
| arrow-left | 箭头向左 |
| arrow-right | 箭头向右 |
| arrow-up | 箭头向上 |
| arrow-down | 箭头向下 |
| minus | 减号 | | menu | 三横菜单 | | close | 关闭 | | tick | 对号 | | star | 实心星星 | | star-o | 空心星星 | | warning | 感叹号 |