Skip to main content

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

This doc is generated using machine translation. Any discrepancies or differences created in the translation are not binding and have no legal effect for compliance or enforcement purposes.
Copyright © 2024钉钉(中国)信息技术有限公司和/或其关联公司浙ICP备18037475号-4