# vue-gradient-progress

**Repository Path**: cuijinrong/vue-gradient-progress

## Basic Information

- **Project Name**: vue-gradient-progress
- **Description**: 渐变色圆环进度条
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2021-08-17
- **Last Updated**: 2022-09-01

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## 下载 
```js
npm install vue-gradient-progress 
或
cnpm ...
```

## 使用
在main.js中引入
```js 
import GradientProgress from 'vue-gradient-progress'
import "vue-gradient-progress/lib/gradient-progress.css"
Vue.use(GradientProgress)

```
组件中使用
```js
<gradient-progress />
或
<gradient-progress>
  // ...slot
</gradient-progress>
```

### 参数文档

| 属性 | <div style="width:400px">描述</div>| 类型 | <div style="width:150px">默认值</div> 
| :-----    | :-----       | :------: | :------: 
| 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]