更新记录

1.1.3(2022-11-29) 下载此版本

修复了一些Bug

1.1.2(2022-11-18) 下载此版本

修复了一些bug

1.1.1(2022-10-26) 下载此版本

添加了颜色透明 添加了自定义单位 修复了中心间隔线 修复了动画流畅度 取消了进度条首尾圆角

查看更多

平台兼容性

Vue2 Vue3
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 是否启用动画

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

插件不采集任何数据

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问