更新记录

1.0（2022-11-29） 下载此版本

圆形进度条初始化版本

平台兼容性

uni-app

其他

概述

使用css3实现的圆形进度条

使用

请使用HBuilderX导入组件。

在script中引用：

import circleProgress from '@/components/czc-circle-progress/czc-circle-progress.vue'
export default {
    components: {circleProgress}
}

在template中使用：

<template>
  <div class="test-component">
    <circle-progress :value="value" :widths="widths" :breadth="breadth"></circle-progress>
  </div>
</template>
<script>
import circleProgress from '@/components/czc-circle-progress/czc-circle-progress.vue'

export default {
 components: {circleProgress},
  data() {
    return {
      value: 10,
      widths: 50,
      breadth: 6,
      activeColor: '#10b060',
      defaultColor: '#FAFBFF',

    };
  },
  methods: {

  }
};
</script>
<style>
</style>

属性说明

更新日志

0.0.1(2020-03-08)

• 完成第一个版本