swipe add indicator

docs/examples-dist/button.vue

@@ -53,13 +53,6 @@
   </zan-col>
 </zan-row>
 
-              </example-block><example-block title="button group">
-                <div class="button-group">
-  <zan-button type="primary" size="small">确认付款</zan-button>
-  <zan-button size="small">确认收货</zan-button>
-  <zan-button size="small">取消订单</zan-button>
-</div>
-
               </example-block></section></template>
 <style>
 @component-namespace demo {

docs/examples-docs/swipe.md

@@ -12,6 +12,16 @@
 }
 </style>
 
+<script>
+export default {
+  methods: {
+    handlePageEnd(page, index) {
+      console.log(page, index);
+    }
+  }
+};
+</script>
+
 ## Swipe 轮播
 
 ### 基础用法
@@ -33,7 +43,7 @@
 
 :::demo 自动轮播
 ```html
-<zan-swipe :auto-play="true">
+<zan-swipe :auto-play="true" @pagechange:end="handlePageEnd">
   <zan-swipe-item>
     <img src="https://img.yzcdn.cn/upload_files/2017/03/14/FmTPs0SeyQaAOSK1rRe1sL8RcwSY.jpeg?imageView2/2/w/980/h/980/q/75/format/webp" alt="">
   </zan-swipe-item>
@@ -43,3 +53,16 @@
 </zan-swipe>
 ```
 :::
+
+### API
+
+| 参数       | 说明      | 类型       | 默认值       | 可选值       |
+|-----------|-----------|-----------|-------------|-------------|
+| autoPlay | 是否自动轮播 | `boolean`  |    `false`     |    `true`, `false`      |
+| showIndicators | 是否显示指示器 | `boolean`  |   `true`       |   `true`, `false`       |
+
+### 事件
+
+| 事件名       | 说明      | 参数 |
+|-----------|-----------|-----------|
+| `pagechange:end` | 每一页轮播结束后触发 | `(elem, currIndex)`：`elem`为触发页当前的DOM节点 |