Vue.js的圆圈进度组件
一个多功能的Vue.js组件，可使用SVG，canvas或PURE CSS渲染圆形进度条。
安装和下载：
$ npm install v-circle使用：
.vue文件的使用
<template>
<circle-css color="#3498db" width=120 font-size=48 pv=12 bold=8 text-bg-color='#f0f0f0'></circle-css>
</template>
<script>
import CssCircle from 'v-circle/components/css-circle.vue'
export default {
components: {
circleCss: CssCircle
}
}
</script>API：
CssCircles
| prop | 类型 | 描述 | 例 | 默认值 |
|---|---|---|---|---|
| color | String | 圆圈进度填充颜色 | #000000 | #2ecc71 |
| width | Number | 圆圈大小 | 180 | 150 |
| fontSize | Number | 圈进度值大小 | 64 | 64 |
| pv | Number | 圈进度值 | 75 | 0 |
| textColor | String | 圈进度值颜色 | #bdc3c7 | #bdc3c7 |
| bold | String | 圆圈进度轮廓宽度 | 10 | 5 |
| textBgColor | String | 圈进度值背景色 | #000000 | #f9f9f9 |
| borderColor | String | 圈进度轮廓颜色 | #000000 | #bdc3c7 |
| during | Number | 圈子进度动画持续时间 | 2 | 0.8 |
| bgColor | String | 圈进度背景色 | #000000 | #f0f0f0 |
