Icon Icon
Icon display, users can use built-in icons in Yida and set their size.
When to use
Use icons to display some markers, such as warnings, tips, trends, etc.
Component Example
Custom Icon Usage
1. First enter iconfont
2. Add favorite icons to cart, after adding complete enter cart, add icon to new project (recommended to create new project)
3. Select Symbol, view online link, copy code to Yida; example:
//at.alicdn.com/t/font_3429645_pimqzpqqzps.js
4. Copy icon name to Yida; example:
icon-liebiao
Component Properties
| 属性 | 说明 | 类型 | 默认值 |
|---|---|---|---|
baseType | Basic icon, only corresponds to the text under icon in the example above | string | 'smile' |
otherType | Custom icon | string | 'smile' |
size | Icon size | 'xxs' | 'xs' | 'small' | 'medium' | 'large' | 'xl' |'xxl' | 'xxxl' | 'medium' |
useType | Icon usage type, if true then otherType property takes effect, if false then baseType property takes effect | 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.
Is this document helpful?