diff --git a/src/swipe/README.md b/src/swipe/README.md index a8362aeea..45a34ccaa 100644 --- a/src/swipe/README.md +++ b/src/swipe/README.md @@ -14,7 +14,7 @@ Vue.use(SwipeItem); ### Basic Usage -Use `autoplay` prop to set autoplay interval +Use `autoplay` prop to set autoplay interval. ```html @@ -37,7 +37,7 @@ Use `autoplay` prop to set autoplay interval ### Image Lazyload -Use [Lazyload](#/en-US/lazyload) component to lazyload image +Use [Lazyload](#/en-US/lazyload) component to lazyload image. ```html @@ -110,7 +110,7 @@ export default { ``` -> It's not supported to set SwipeItem size in the loop mode +> It's not supported to set SwipeItem size in the loop mode. ### Custom Indicator @@ -187,7 +187,7 @@ export default { ### Swipe Methods -Use [ref](https://vuejs.org/v2/api/#ref) to get Swipe instance and call instance methods +Use [ref](https://vuejs.org/v2/api/#ref) to get Swipe instance and call instance methods. | Name | Description | Attribute | Return value | | --- | --- | --- | --- | diff --git a/src/swipe/README.zh-CN.md b/src/swipe/README.zh-CN.md index ed6a9f29e..ccba5d96f 100644 --- a/src/swipe/README.zh-CN.md +++ b/src/swipe/README.zh-CN.md @@ -14,7 +14,7 @@ Vue.use(SwipeItem); ### 基础用法 -每个 SwipeItem 代表一张轮播卡片,可以通过`autoplay`属性设置自动轮播的间隔 +每个 SwipeItem 代表一张轮播卡片,可以通过 `autoplay` 属性设置自动轮播的间隔。 ```html @@ -37,7 +37,7 @@ Vue.use(SwipeItem); ### 图片懒加载 -当 Swipe 中含有图片时,可以配合 [Lazyload](#/zh-CN/lazyload) 组件实现图片懒加载 +当 Swipe 中含有图片时,可以配合 [Lazyload](#/zh-CN/lazyload) 组件实现图片懒加载。 ```html @@ -90,7 +90,7 @@ export default { ### 纵向滚动 -设置`vertical`属性后滑块会纵向排列,此时需要指定滑块容器的高度 +设置 `vertical` 属性后滑块会纵向排列,此时需要指定滑块容器的高度。 ```html @@ -103,7 +103,7 @@ export default { ### 自定义滑块大小 -滑块默认宽度为`100%`,可以通过`width`属性设置单个滑块的宽度。纵向滚动模式下,可以通过`height`属性设置单个滑块的高度。 +滑块默认宽度为 `100%`,可以通过 `width` 属性设置单个滑块的宽度。纵向滚动模式下,可以通过 `height` 属性设置单个滑块的高度。 ```html @@ -114,11 +114,11 @@ export default { ``` -> 目前不支持在循环滚动模式下自定义滑块大小,因此需要将 loop 设置为 false +> 目前不支持在循环滚动模式下自定义滑块大小,因此需要将 loop 设置为 false。 ### 自定义指示器 -通过`indicator`插槽可以自定义指示器的样式 +通过 `indicator` 插槽可以自定义指示器的样式。 ```html @@ -193,7 +193,7 @@ export default { ### Swipe 方法 -通过 ref 可以获取到 Swipe 实例并调用实例方法,详见[组件实例方法](#/zh-CN/quickstart#zu-jian-shi-li-fang-fa) +通过 ref 可以获取到 Swipe 实例并调用实例方法,详见[组件实例方法](#/zh-CN/quickstart#zu-jian-shi-li-fang-fa)。 | 方法名 | 说明 | 参数 | 返回值 | | --- | --- | --- | --- | @@ -226,3 +226,7 @@ export default { ### 在桌面端无法操作组件? 参见[在桌面端使用](#/zh-CN/quickstart#zai-zhuo-mian-duan-shi-yong)。 + +### Swipe 组件功能太少,无法实现复杂效果? + +Vant 中的 Swipe 组件是比较轻量的,因此功能也比较基础。如果需要更复杂的轮播效果,推荐使用社区里一些优质的轮播库,比如 [vue-awesome-swiper](https://github.com/surmon-china/vue-awesome-swiper)。