blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-06 03:57:59 +08:00
Code Issues Projects Releases Wiki Activity

feat(Swipe): add stop-propagation prop (#4972)

Browse Source
This commit is contained in:
neverland 2019-11-09 21:32:04 +08:00 committed by GitHub
parent 5040233234
commit aa0dfe8808
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 14 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/swipe/README.md
View File

@ -130,14 +130,15 @@ export default {
|------|------|------|------|------| |------|------|------|------|------|
| autoplay | Autoplay interval (ms) | *number* | - | - | | autoplay | Autoplay interval (ms) | *number* | - | - |
| duration | Animation duration (ms) | *number* | `500` | - | | duration | Animation duration (ms) | *number* | `500` | - |
| loop | Whether to enable loop | *boolean* | `true` | - |
| vertical | Vertical Scrolling | *boolean* | `false` | - |
| touchable | Whether to allow swipe by touch gesture | *boolean* | `true` | - |
| show-indicators | Whether to show indicators | *boolean* | `true` | - |
| indicator-color | Indicator color | *string* | `#1989fa` | - |
| initial-swipe | Index of initial swipe, start from 0 | *number* | `0` | - | | initial-swipe | Index of initial swipe, start from 0 | *number* | `0` | - |
| width | Set Swiper Item Width | *number* | `0` | - | | width | Set Swiper Item Width | *number* | `0` | - |
| height | Set Swiper Item Height | *number* | `0` | - | | height | Set Swiper Item Height | *number* | `0` | - |
| loop | Whether to enable loop | *boolean* | `true` | - |
| show-indicators | Whether to show indicators | *boolean* | `true` | - |
| indicator-color | Indicator color | *string* | `#1989fa` | - |
| vertical | Whether to be vertical Scrolling | *boolean* | `false` | - |
| touchable | Whether to allow swipe by touch gesture | *boolean* | `true` | - |
| stop-propagation | Whether to stop touchmove event propagation | *boolean* | `false` | 2.1.0 |
### Swipe Events ### Swipe Events

5
src/swipe/README.zh-CN.md
View File

@ -137,13 +137,14 @@ export default {
| autoplay | 自动轮播间隔，单位为 ms | *number* | - | - | | autoplay | 自动轮播间隔，单位为 ms | *number* | - | - |
| duration | 动画时长，单位为 ms | *number* | `500` | - | | duration | 动画时长，单位为 ms | *number* | `500` | - |
| initial-swipe | 初始位置索引值 | *number* | `0` | - | | initial-swipe | 初始位置索引值 | *number* | `0` | - |
| width | 滑块宽度 | *number* | `auto` | - |
| height | 滑块高度 | *number* | `auto` | - |
| loop | 是否开启循环播放 | *boolean* | `true` | - | | loop | 是否开启循环播放 | *boolean* | `true` | - |
| show-indicators | 是否显示指示器 | *boolean* | `true` | - | | show-indicators | 是否显示指示器 | *boolean* | `true` | - |
| indicator-color | 指示器颜色 | *string* | `#1989fa` | - | | indicator-color | 指示器颜色 | *string* | `#1989fa` | - |
| vertical | 是否为纵向滚动 | *boolean* | `false` | - | | vertical | 是否为纵向滚动 | *boolean* | `false` | - |
| touchable | 是否可以通过手势滑动 | *boolean* | `true` | - | | touchable | 是否可以通过手势滑动 | *boolean* | `true` | - |
| width | 滑块宽度 | *number* | `auto` | - | | stop-propagation | 是否阻止滑动事件冒泡 | *boolean* | `true` | 2.2.13 |
| height | 滑块高度 | *number* | `auto` | - |
### Swipe Events ### Swipe Events

6
src/swipe/index.js
View File

@ -46,6 +46,10 @@ export default createComponent({
showIndicators: { showIndicators: {
type: Boolean, type: Boolean,
default: true default: true
},
stopPropagation: {
type: Boolean,
default: true
} }
}, },
@ -169,7 +173,7 @@ export default createComponent({
this.touchMove(event); this.touchMove(event);
if (this.isCorrectDirection) { if (this.isCorrectDirection) {
preventDefault(event, true); preventDefault(event, this.stopPropagation);
this.move({ offset: this.delta }); this.move({ offset: this.delta });
} }
}, },