免费AI编程助手
快应用 progress组件
2020-08-06 14:26 更新
概述
进度条
子组件
不支持
属性
支持 通用属性
| 名称 | 类型 | 默认值 | 必填 | 描述 |
|---|---|---|---|---|
| percent | <number>
|
0 | 否 | 当前进度(type为circular时不生效) |
| type | horizontal | circular | horizontal | 否 | 进度条类型，不支持动态修改 |
样式
支持 通用样式
horizontal progress 底色为 #f0f0f0
circular progress 默认宽高为 32px，宽高设置不一致时，circular 图标为宽高的较小值
| 名称 | 类型 | 默认值 | 必填 | 描述 |
|---|---|---|---|---|
| color | <color>
|
#33b4ff 或者 rgb(51, 180, 255)
|
否 | 进度条的颜色 |
| stroke-width | <length>
|
32px | 否 | 进度条的宽度(type为circular时不生效) |
layer-color 1070+ |
<color> |
#f0f0f0 或者 rgb(240, 240, 240) |
否 | 进度条的背景颜色(type 为 circular 时不生效) |
事件
支持 通用事件
progress 示例代码
查看 示例代码
以上内容是否对您有帮助：
更多建议：