feat(Circle): add startPosition prop (#9305)

* feat(Circle): add startPosition prop * docs(Circle): add start-position demo
2021-08-22 16:19:37 +08:00
parent 5a93179b6b
commit f24c521d26
7 changed files with 184 additions and 1 deletions
@@ -119,6 +119,29 @@ export default {
 />
 ```

+### Start Position
+
+```html
+<van-circle
+  v-model:current-rate="currentRate"
+  :rate="rate"
+  :text="Left"
+  start-position="left"
+/>
+<van-circle
+  v-model:current-rate="currentRate"
+  :rate="rate"
+  text="Right"
+  start-position="right"
+/>
+<van-circle
+  v-model:current-rate="currentRate"
+  :rate="rate"
+  text="Bottom"
+  start-position="bottom"
+/>
+```
+
 ## API

 ### Props
@@ -136,6 +159,7 @@ export default {
 | stroke-width | Stroke width | _number \| string_ | `40` |
 | stroke-linecap | Stroke linecap，can be set to `square` `butt` | _string_ | `round` |
 | clockwise | Whether to be clockwise | _boolean_ | `true` |
+| start-position `v3.2.1` | Progress start position，can be set to `left`、`right`、`bottom` | _CircleStartPosition_ | `top` |

 ### Slots