diff --git a/src/swipe/README.md b/src/swipe/README.md index 7fa825ee9..15821f435 100644 --- a/src/swipe/README.md +++ b/src/swipe/README.md @@ -17,12 +17,22 @@ Vue.use(SwipeItem); Use `autoplay` prop to set autoplay interval ```html - + 1 2 3 4 + + ``` ### Image Lazyload @@ -38,6 +48,11 @@ Use [Lazyload](#/en-US/lazyload) component to lazyload image ``` ```js +import Vue from 'vue'; +import { Lazyload } from 'vant'; + +Vue.use(Lazyload); + export default { data() { return { diff --git a/src/swipe/README.zh-CN.md b/src/swipe/README.zh-CN.md index 71d2ec916..940a614e0 100644 --- a/src/swipe/README.zh-CN.md +++ b/src/swipe/README.zh-CN.md @@ -14,20 +14,30 @@ Vue.use(SwipeItem); ### 基础用法 -通过`autoplay`属性设置自动轮播间隔 +每个 SwipeItem 代表一张轮播卡片,可以通过`autoplay`属性设置自动轮播的间隔 ```html - + 1 2 3 4 + + ``` ### 图片懒加载 -配合 [Lazyload](#/zh-CN/lazyload) 组件实现图片懒加载 +当 Swipe 中含有图片时,可以配合 [Lazyload](#/zh-CN/lazyload) 组件实现图片懒加载 ```html @@ -38,6 +48,11 @@ Vue.use(SwipeItem); ``` ```js +import Vue from 'vue'; +import { Lazyload } from 'vant'; + +Vue.use(Lazyload); + export default { data() { return { @@ -194,3 +209,7 @@ export default { 这种情况通常是由于项目中引入了`fastclick`库导致的。`fastclick`的原理是通过 Touch 事件模拟出 click 事件,而 Swipe 内部默认会阻止 touchmove 事件冒泡,干扰了 fastclick 的判断,导致出现这个问题。 将 Swipe 组件的 stop-propagation 属性设置为 false 即可避免该问题。 + +### 在桌面端无法操作组件? + +参见[在桌面端使用](#/zh-CN/quickstart#zai-zhuo-mian-duan-shi-yong)。 diff --git a/webpack.config.js b/webpack.config.js index 217cdda0a..80501ebbc 100644 --- a/webpack.config.js +++ b/webpack.config.js @@ -5,7 +5,7 @@ module.exports = function() { return { entry: { - 'site-mobile': ['./docs/site/mobile'] - } + 'site-mobile': ['./docs/site/mobile'], + }, }; };