更新记录
1.0.3(2024-06-26) 下载此版本
1.0.3
1.0.2(2024-06-18) 下载此版本
1.0.2
circleProgress 环形进度条
@description 展示操作或任务的当前进度,比如上传文件,是一个圆形的进度条。注意:此组件的percent值只能动态增加,不能动态减少。
@tutorial https://www.uviewui.com/components/circleProgress.html
@property {String Number} percent 圆环进度百分比值,为数值类型,0-100
@property {String} inactive-color 圆环的底色,默认为灰色(该值无法动态变更)(默认#ececec)
@property {String} active-color 圆环激活部分的颜色(该值无法动态变更)(默认#19be6b)
@property {String Number} width 整个圆环组件的宽度,高度默认等于宽度值,单位rpx(默认200)
@property {String Number} border-width 圆环的边框宽度,单位rpx(默认14)
@property {String Number} duration 整个圆环执行一圈的时间,单位ms(默认呢1500)
@property {String} type 如设置,active-color值将会失效
@property {String} bg-color 整个组件背景颜色,默认为白色
@example
1.0.1(2024-06-18) 下载此版本
添加预览插件
查看更多平台兼容性
shaoll-circle-progress
Props
参数 | 说明 | 类型 | 默认值 | 可选值 |
---|---|---|---|---|
percent | 圆环进度百分比值,为数值类型,0-100 | String/Number | - | - |
inactive-color | 圆环的底色,默认为灰色(该值无法动态变更) | String | #ececec | - |
active-color | 圆环激活部分的颜色(该值无法动态变更) | String | #19be6b | - |
width | 整个圆环组件的宽度,高度默认等于宽度值,单位rpx | String/Number | 200 | - |
border-width | 圆环的边框宽度,单位rpx | String/Number | 14 | - |
duration | 整个圆环执行一圈的时间,单位ms | String/Number | 1500 | - |
type | 如设置,active-color值将会失效 | String | - | success / primary / error / info / warning |
bg-color | 整个组件背景颜色,默认为白色 | String | #ffffff | - |