doc.md 1.1 KB
Icon 图标
基本用法
<nut-icon
type="top"
>
</nut-icon>
自定义尺寸
支持通过size设置图标大小，注意包含单位，如“40px”、“4rem”…
<nut-icon
type="action"
size="40px"
>
</nut-icon>
自定义颜色
支持通过color设置图标颜色，支持十六进制/RGB/RGBA等写法。
<nut-icon
type="trolley"
color="#f0250f"
>
</nut-icon>
自定义svg图标
支持通过url可以自定义添加额外的图片。
<nut-icon type="self" :url="require('../../assets/svg/trolley.svg')"></nut-icon>
type可选值
nutui 自带图标库提供了下面的这些可选值。
- top
- down
- right
- action
- more
- trolley
- search
- tick
- plus
- minus
- cross
- circle-cross
Prop
| 字段 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| type | 图标，可选值top/action/cross/down/right/more/plus/search/trolley/tick/minus/circle-cross | String | - |
| size | 尺寸，需要带单位 | String | - |
| color | 颜色 | String | - |
| url | 自定义图标路径，必须是svg格式,请用 require 方式引入 | String | - |