微信小程序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>

API说明

属性介绍

方法介绍

• upPercent 根据传的参数值设置百分比