wepy的第三方组件：圆形进度条

官方支持的进度条只有条形进度条，没有圆形进度条，因此增加了一个圆形进度条。 此组件是wepy的第三方组件，因为需要依赖wepyjs

npm install wepy-com-progress-circle --save 使用组件

// index.wpy <template> <progressCircle :percent="percent" width="120" /> </template> <script> import wepy from 'wepy'; import ProgressCircle from 'wepy-com-progress-circle'; export default class Index extends wepy.page { components = { progresscircle: ProgressCircle }; data = { percent: 25, } } </script> 如何设置从 0% - 100% 的动画

// index.wpy <template> <progressCircle :percent="percent" width="120" /> </template> <script> import wepy from 'wepy'; import ProgressCircle from 'wepy-com-progress-circle'; export default class Index extends wepy.page { components = { progresscircle: ProgressCircle }; data = { percent: 0, }; onLoad(){ let s = setInterval(() => { this.percent = this.percent + 1; this.$invoke('progresscircle', 'upPercent', this.percent) if (this.percent > 99) { clearInterval(s); } }, 1000); } } </script> API说明 属性介绍 方法介绍 upPercent 根据传的参数值设置百分比