2.0.1 • Published 6 years ago
nuke-qn-icon v2.0.1
Icon
- category: UI
- chinese: 图标
- type: UI组件
Nuke UI
设计思路
Icon 组件 是对 Image 组件的一个封装，预置了4个尺寸的图片，方便我们在开发中使用方形的图片。
考虑到使用便捷性，还额外加入了 Iconfont 图标的支持，内置的 icon 库是：iconfont.cn 上的千牛官方库，所有支持的 icon 以及对应的 name 值，可以扫码看 demo 。
API
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| type | 新增 type 字段，标识是 iconfont 还是图片,可选 image iconfont | string | 'image' |
| size | type= image 时有效，定义了 icon 的尺寸：'xs', 'small', 'medium', 'large' | string | 'medium' |
| onPress | 当传入name时失效，Press事件 | Function | 无 |
| src | 图片链接地址或 iconfont url | string | 无 |
| name | iconfont name 值 | string | 无 |
| version | 如果使用新版千牛官方图标，则需传入v2 | string | default |
2.0.1
6 years ago