更新记录
1.1.3(2022-11-29)
下载此版本
修复了一些Bug
1.1.2(2022-11-18)
下载此版本
修复了一些bug
1.1.1(2022-10-26)
下载此版本
添加了颜色透明
添加了自定义单位
修复了中心间隔线
修复了动画流畅度
取消了进度条首尾圆角
查看更多
平台兼容性
App |
快应用 |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
HBuilderX 3.6.7 app-vue |
× |
2.6.6 |
× |
× |
× |
× |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
× |
× |
× |
× |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
× |
× |
× |
× |
× |
× |
× |
× |
× |
circle-progress-bar
使用说明
注册组件后直接使用,在 <!-- content -->
处写中心内容,比如进度百分比。
<circle-progress-bar :pro="pro">
<!-- content -->
</circle-progress-bar>
参数说明
参数 |
类型 |
默认值 |
描述 |
pro |
Number |
0 |
进度百分比 0-1 |
start |
Number |
0 |
起始角度 0-1 |
size |
Number |
100 |
组件大小(单位rpx) |
border_width |
Number |
5 |
进度条宽度(单位rpx) |
border_color |
String |
#07C160 |
进度条颜色 |
border_back_color |
String |
#DDD |
进度条背景色 |
background |
String |
#FFF |
中心内容背景色 |
unit |
String |
rpx |
大小单位 |
animate |
Boolean |
true |
是否启用动画 |