[Doc] Circle: update demo

This commit is contained in:
陈嘉涵
2019-07-06 11:42:49 +08:00
parent 8f0644e3ec
commit 22c1b14bc2
5 changed files with 27 additions and 18 deletions
+3 -2
View File
@@ -10,7 +10,8 @@ Vue.use(Circle);
## 代码演示
### 基础用法
通过 `rate` 指定目标进度,`v-model` 代表当前进度,`speed` 控制动画速度
`rate`属性表示进度条的目标进度,`v-model`表示动画过程中的实时进度。当`rate`发生变化时,`v-model`会以`speed`的速度变化,直至达到`rate`设定的值。
```html
<van-circle
@@ -65,7 +66,7 @@ export default {
| color | 进度条颜色 | `String` | `#1989fa` | - |
| layer-color | 轨道颜色 | `String` | `#fff` | - |
| fill | 填充颜色 | `String` | `none` | - |
| speed | 动画速度(单位为 rate/s| `Number` | - | - |
| speed | 动画速度(单位为 rate/s| `Number` | `0` | - |
| text | 文字 | `String` | - | - |
| stroke-width | 进度条宽度 | `Number` | `40` | - |
| clockwise | 是否顺时针增加 | `Boolean` | `true` | - |