基础内容组件
- icon
- text
- progress
公用属性
1. icon
属性名 | 类型 | 默认值 | 说明 |
---|---|---|---|
type | String | icon的类型,有效值:success, success_no_circle, info, warn, waiting, cancel, download, search, clear | |
size | Number / String | 23px | icon的大小,单位px(2.4.0起支持rpx) |
color | Color | icon的颜色,同css的color | |
aria-label | String | 无障碍访问,(属性)元素的额外描述 2.5.0 |
2. text
属性名 | 类型 | 默认值 | 说明 | 最低版本 |
---|---|---|---|---|
selectable | Boolean | false | 文本是否可选 | 1.1.0 |
space | String | false | 显示连续空格 | 1.4.0 |
decode | Boolean | false | 是否解码 | 1.4.0 |
- space 有效值:
值 | 说明 |
---|---|
ensp | 中文字符空格一半大小 |
emsp | 中文字符空格大小 |
nbsp | 根据字体设置的空格大小 |
3. progress
属性名 | 类型 | 默认值 | 说明 | 最低版本 |
---|---|---|---|---|
percent | Float | 无 | 百分比0~100 | |
show-info | Boolean | false | 在进度条右侧显示百分比 | |
border-radius | Number / String | 0 | 圆角大小,单位px(2.4.0起支持rpx) | 2.3.1 |
font-size | Number / String | 16 | 右侧百分比字体大小,单位px(2.4.0起支持rpx) | 2.3.1 |
stroke-width | Number / String | 6 | 进度条线的宽度,单位px(2.4.0起支持rpx) | |
color | Color | #09BB07 | 进度条颜色 (请使用 activeColor) | |
activeColor | Color | 已选择的进度条的颜色 | ||
backgroundColor | Color | 未选择的进度条的颜色 | ||
active | Boolean | false | 进度条从左往右的动画 | |
active-mode | String | backwards | backwards: 动画从头播;forwards:动画从上次结束点接着播 | 1.7.0 |
bindactiveend | EventHandle | 动画完成事件 | 2.4.1 | |
aria-label | String | 无障碍访问,(属性)元素的额外描述 |