vue-gradient-progress
v4.0.1
Published
渐变色的圆环进度条
Downloads
3
Readme
下载
npm install vue-gradient-progress
或
cnpm ...
使用
在main.js中引入
import GradientProgress from 'vue-gradient-progress'
import "vue-gradient-progress/lib/gradient-progress.css"
Vue.use(GradientProgress)
组件中使用
<gradient-progress />
或
<gradient-progress>
// ...slot
</gradient-progress>
参数文档
| 属性 | 描述| 类型 | 默认值
| :----- | :----- | :------: | :------:
| id | id,同一组件内多次使用,id要不同 | String | canvasId
|showRate | 是否显示rate值 | Boolean | true
| rate | rate | Number | 0
| lineWidth | 圆环边框宽度 | Number | 6
| canvasWidth | canvas宽度 | Number | 300
| canvasHeight | canvas高度 | Number | 150
| ballR | 小球半径 | Number | 2.5
| cirR | 圆环半径 | Number | 45
| startColor | 渐变色开始颜色 | Array | [143, 211, 235]
| endColor | 渐变色结束颜色 | Array | [88, 176, 168]