更新记录
1.1.3(2022-11-29) 下载此版本
修复了一些Bug
1.1.2(2022-11-18) 下载此版本
修复了一些bug
1.1.1(2022-10-26) 下载此版本
添加了颜色透明 添加了自定义单位 修复了中心间隔线 修复了动画流畅度 取消了进度条首尾圆角
查看更多平台兼容性
uni-app
Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
---|---|---|---|---|---|---|---|---|
√ | √ | - | - | √ | × | - | - | - |
微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 快应用-华为 | 快应用-联盟 |
---|---|---|---|---|---|---|---|---|---|---|
2.6.6 | - | - | - | - | - | - | - | - | - | - |
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 | 是否启用动画 |