1.0.1 • Published 6 years ago
wx-progress v1.0.1
wx-progress
一个 Weex 的水平，圆形进度条
使用方法
安装
npm i wx-progress --save水平进度条
<wx-progress :percent='50' :wx_width='650'></wx-progress>可配置参数
| Prop | Type | Required | Default | Description |
|---|---|---|---|---|
| percent | Number | Y | 0 | 百分比(0-100) |
| wx-height | Number | N | 10 | 高度 |
| wx-width | Number | N | 600 | 长度 |
| wx-color | String | N | #42b983 | 颜色 |
| wx-bgColor | String | N | #EEEEEE | 进度底色 |
| wx-radius | Number | N | 5 | 圆角 |
| duration | Number | N | 2000 | 动画时长 |
环形进度条
<wx-c-progress :percent="60" :wx-radius='100'></wx-c-progress>可配置参数
| Prop | Type | Required | Default | Description |
|---|---|---|---|---|
| percent | Number | Y | 0 | 百分比(0-100) |
| wxc-color | String | N | #42b983 | 颜色 |
| wxc-bgColor | String | N | #EEEEEE | 进度底色 |
| wxc-radius | Number | N | 100 | 半径 |
| wxc_stokenWidth | Number | N | 4 | 环形宽度 |
| duration | Number | N | 2000 | 动画时长 |
更详细效果可以参考 demo