<swiper style="height: 500rpx;" :circular="true" :current="current">
<swiper-item>
<div style="background-color: #ECF5FF;height: 100%;font-size: 80rpx;display:flex;justify-content:center;align-items:center">1</div>
</swiper-item>
<swiper-item>
<div style="background-color: #0077AA;height: 100%;font-size: 80rpx;display:flex;justify-content:center;align-items:center">2</div>
</swiper-item>
<swiper-item>
<div style="background-color: #19BE6B;height: 100%;font-size: 80rpx;display:flex;justify-content:center;align-items:center">3</div>
</swiper-item>
<swiper-item>
<div style="background-color: #C0C4CC;height: 100%;font-size: 80rpx;display:flex;justify-content:center;align-items:center">4</div>
</swiper-item>
</swiper>
- 发布:2021-11-16 15:54
- 更新:2022-02-18 11:17
- 阅读:508
产品分类: uniapp/H5
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: Windows 10 专业版/20H2/19042.804
HBuilderX类型: 正式
HBuilderX版本号: 3.2.12
浏览器平台: Chrome
浏览器版本: 91.0.4472.77(正式版本) (64 位)
项目创建方式: HBuilderX
示例代码:
操作步骤:
1、设置swiper的circular属性为true。
2、设置current = current - 1。 (就是让swiper向左边滑动)
然后,就会出现连续滑动,但我设置的是前一个值,滑动一下就好,为何要连续滑动?
如果是current + 1,没有一点问题。
1、设置swiper的circular属性为true。
2、设置current = current - 1。 (就是让swiper向左边滑动)
然后,就会出现连续滑动,但我设置的是前一个值,滑动一下就好,为何要连续滑动?
如果是current + 1,没有一点问题。
预期结果:
向前滑动一下。
向前滑动一下。
实际结果:
向前连续滑动,最后定格在目标位置处
向前连续滑动,最后定格在目标位置处
bug描述:
1、设置swiper的circular属性为true。
2、设置current = current - 1。 (就是让swiper向左边滑动)
然后,就会出现连续滑动,但我设置的是前一个值,滑动一下就好,为何要连续滑动?
如果是current + 1,没有一点问题。
1 个回复
8***@qq.com
你好 我也是这样,解决了吗。