<view style="margin-top: 100rpx; background-color: #FFFFFF;">
<swiper class="swiper" :autoplay="true">
<swiper-item>
<view class="swiper-item uni-bg-red">A,内容A</view>
</swiper-item>
<swiper-item>
<view class="swiper-item uni-bg-green">B,内容B</view>
</swiper-item>
<swiper-item>
<view class="swiper-item uni-bg-blue">C,内容C</view>
</swiper-item>
</swiper>
</view>
- 发布:2021-11-14 16:46
- 更新:2021-12-06 16:06
- 阅读:570
产品分类: HbuilderX
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: windows10
HBuilderX版本号: 3.2.13
示例代码:
操作步骤:
HBuilder X 3.2.13-alpha 版本 下使用 swiper组件
HBuilder X 3.2.13-alpha 版本 下使用 swiper组件
预期结果:
swiper组件能正常显示,自动轮播,左右滑动
swiper组件能正常显示,自动轮播,左右滑动
实际结果:
无法正常显示内容,出现重叠,无法自动轮播,无法左右滑动
无法正常显示内容,出现重叠,无法自动轮播,无法左右滑动
bug描述:
HBuilder X 3.2.13-alpha 版本
swiper组件无法正常显示,且无法滑动和自动轮播,
示例代码:
<view style="margin-top: 100rpx; background-color: #FFFFFF;">
<swiper class="swiper" :autoplay="true">
<swiper-item>
<view class="swiper-item uni-bg-red">A,内容A</view>
</swiper-item>
<swiper-item>
<view class="swiper-item uni-bg-green">B,内容B</view>
</swiper-item>
<swiper-item>
<view class="swiper-item uni-bg-blue">C,内容C</view>
</swiper-item>
</swiper>
</view>
如附件中的图所示
- swiper-item 内容重叠
- 无法自动轮播
- 无法左右滑动