4.0.1 • Published 3 years ago
vue-gradient-progress v4.0.1
下载
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 |