Basic Components
Basic Components introductions
| component | Introductions | Minimum version |
|---|---|---|
| icon | Icon | 1.0.0 |
| text | text | 1.0.0 |
| progress | progress | 1.0.0 |
| rich-text | rich-text | 1.0.0 |
icon
| attribute | type | Default value | Required | Introductions | Minimum version |
|---|---|---|---|---|---|
| type | string | yes | Type of icon, valid value: success, success_No_circle, info, warn, waiting, cancel, download, search, clear | 1.0.0 | |
| size | number/string | 23 | no | The size of the icon | 1.0.0 |
| color | string | no | Icon color, with css color | 1.0.0 |
text
| attribute | type | Default value | Required | Introductions | Minimum version |
|---|---|---|---|---|---|
| user-select | boolean | false | no | Whether the text is optional, this property causes the text node to display as inline-block | Not supported |
| space | string | no | Display continuous spaces | 2.11.4 | |
| decode | boolean | false | no | Whether to decode | 2.11.4 |
space Legal value
| value | Introductions | Minimum version |
|---|---|---|
| ensp | Chinese character space half size | |
| emsp | Chinese character space size | |
| nbsp | Space size based on font |
progress
| attribute | type | Default value | Required | Introductions | Minimum version |
|---|---|---|---|---|---|
| percent | number | no | Percentage 0100 | 1.0.0 | |
| show-info | boolean | false | no | Show percentages on the right side of the progress bar | 1.0.0 |
| stroke-width | number/string | 6 | no | Width of progress bar | 1.0.0 |
| color | string | #09BB07 | no | Progress bar color (use active Color) | 1.0.0 |
| active | boolean | false | no | Animation of the progress bar from left to right | 1.0.0 |
| border-radius | number/string | 0 | no | Fillet size | 2.11.4 |
| font-size | number/string | 16 | no | Right Percent Font Size | 2.11.4 |
| activeColor | string | #09BB07 | no | Color of the selected progress bar | 2.11.4 |
| backgroundColor | string | #EBEBEB | no | Color of unselected progress bar | 2.11.4 |
| active-mode | string | backwards | no | backwards: Animation from scratchBefore: animation continues from the last ending point | 2.11.4 |
| duration | number | 30 | no | Milliseconds to increase progress by 1% | 2.11.4 |
| bindactiveend | eventhandle | no | Animation Completion Event | 2.11.4 |
rich-text
| attribute | type | Default value | Required | Introductions | Minimum version |
|---|---|---|---|---|---|
| nodes | array/string | [] | no | Node list/HTML String | 1.0.0 |
| space | string | no | Display continuous spaces | 2.11.4 |