[bugfix] Swipe: fix blank area when use width prop (#3751)

This commit is contained in:
neverland
2019-07-04 16:26:58 +08:00
committed by GitHub
parent 64bb96aeb0
commit 6d67f4572c
5 changed files with 78 additions and 34 deletions
+10 -4
View File
@@ -71,8 +71,10 @@ export default {
### 纵向滚动
设置`vertical`属性后滑块会纵向排列,此时需要指定滑块容器的高度
```html
<van-swipe :autoplay="3000" vertical>
<van-swipe style="height: 200px;" vertical>
<van-swipe-item>1</van-swipe-item>
<van-swipe-item>2</van-swipe-item>
<van-swipe-item>3</van-swipe-item>
@@ -82,8 +84,10 @@ export default {
### 控制滑块大小
滑块默认宽度为`100%`,可以通过`width`属性设置滑块的宽度,此属性不能与循环播放同时使用
```html
<van-swipe :autoplay="3000" :width="300">
<van-swipe :loop="false" :width="300">
<van-swipe-item>1</van-swipe-item>
<van-swipe-item>2</van-swipe-item>
<van-swipe-item>3</van-swipe-item>
@@ -93,6 +97,8 @@ export default {
### 自定义指示器
通过`indicator`插槽可以自定义指示器的样式
```html
<van-swipe @change="onChange">
<van-swipe-item>1</van-swipe-item>
@@ -135,8 +141,8 @@ export default {
| indicator-color | 指示器颜色 | `String` | `#1989fa` | - |
| vertical | 是否为纵向滚动 | `Boolean` | `false` | - |
| touchable | 是否可以通过手势滑动 | `Boolean` | `true` | - |
| width | 滑块宽度 | `Number` | `0` | - |
| height | 滑块高度 | `Number` | `0` | - |
| width | 滑块宽度 | `Number` | `auto` | - |
| height | 滑块高度 | `Number` | `auto` | - |
### Swipe Events