Icon 图标
图标展示,用户可以使用宜搭内置的图标,并设置其尺寸。
何时使用
通过图标来展示一些标记,例如警告、提示、趋势等。
组件示例
自定义图标使用
1.需要先进入iconfont
2.添加喜欢的图标到购物车,添加完成后进入购物车,把icon添加到新项目中(推荐新建项目)
3.选择Symbol,查看在线链接,复制代码到宜搭;:示例:
//at.alicdn.com/t/font_3429645_pimqzpqqzps.js
4.复制icon的name到宜搭:示例:
icon-liebiao
组件属性
属性 | 说明 | 类型 | 默认值 |
---|---|---|---|
baseType | 基础图标,只对应上面示例中icon下的文案 | string | 'smile' |
otherType | 自定义图标 | string | 'smile' |
size | 图标尺寸大小 | 'xxs' | 'xs' | 'small' | 'medium' | 'large' | 'xl' |'xxl' | 'xxxl' | 'medium' |
useType | 图标使用类型,若为true则 otherType 属性生效,若为false则 baseType 属性生效 | boolean | false |
本文档对您是否有帮助?