<swiper class="swiper-box" circular="true" autoplay="true" interval="3000" duration="1000" :current="swiperCurrent" @change="changeSwiper">
//swiperImg是banner列表,图片路径没错
<swiper-item v-for="(item,index) in swiperImg" :key="index">
<image class="swiper-img" :src="item.rotationPictureImg" mode="aspectFit" style="width: 100%;height: 440rpx;"></image>
</swiper-item>
</swiper>
k***@163.com
- 发布：2020-05-12 16:30
- 更新：2020-05-12 16:32
- 阅读：791
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： win7 64
HBuilderX类型： 正式
HBuilderX版本号： 2.6.16
手机系统： Android
手机系统版本号： Android 8.1
手机厂商： 小米
手机机型： Redmi note 5
页面类型： vue
打包方式： 云端
项目创建方式： HBuilderX
示例代码：
操作步骤：
<swiper class="swiper-box" circular="true" autoplay="true" interval="3000" duration="1000" :current="swiperCurrent" @change="changeSwiper">
//swiperImg是banner列表,图片路径没错
<swiper-item v-for="(item,index) in swiperImg" :key="index">
<image class="swiper-img" :src="item.rotationPictureImg" mode="aspectFit" style="width: 100%;height: 440rpx;"></image>
</swiper-item>
</swiper>
<swiper class="swiper-box" circular="true" autoplay="true" interval="3000" duration="1000" :current="swiperCurrent" @change="changeSwiper">
//swiperImg是banner列表,图片路径没错
<swiper-item v-for="(item,index) in swiperImg" :key="index">
<image class="swiper-img" :src="item.rotationPictureImg" mode="aspectFit" style="width: 100%;height: 440rpx;"></image>
</swiper-item>
</swiper>预期结果：
<swiper class="swiper-box" circular="true" autoplay="true" interval="3000" duration="1000" :current="swiperCurrent" @change="changeSwiper">
//swiperImg是banner列表,图片路径没错
<swiper-item v-for="(item,index) in swiperImg" :key="index">
<image class="swiper-img" :src="item.rotationPictureImg" mode="aspectFit" style="width: 100%;height: 440rpx;"></image>
</swiper-item>
</swiper>
<swiper class="swiper-box" circular="true" autoplay="true" interval="3000" duration="1000" :current="swiperCurrent" @change="changeSwiper">
//swiperImg是banner列表,图片路径没错
<swiper-item v-for="(item,index) in swiperImg" :key="index">
<image class="swiper-img" :src="item.rotationPictureImg" mode="aspectFit" style="width: 100%;height: 440rpx;"></image>
</swiper-item>
</swiper>实际结果：
<swiper class="swiper-box" circular="true" autoplay="true" interval="3000" duration="1000" :current="swiperCurrent" @change="changeSwiper">
//swiperImg是banner列表,图片路径没错
<swiper-item v-for="(item,index) in swiperImg" :key="index">
<image class="swiper-img" :src="item.rotationPictureImg" mode="aspectFit" style="width: 100%;height: 440rpx;"></image>
</swiper-item>
</swiper>
<swiper class="swiper-box" circular="true" autoplay="true" interval="3000" duration="1000" :current="swiperCurrent" @change="changeSwiper">
//swiperImg是banner列表,图片路径没错
<swiper-item v-for="(item,index) in swiperImg" :key="index">
<image class="swiper-img" :src="item.rotationPictureImg" mode="aspectFit" style="width: 100%;height: 440rpx;"></image>
</swiper-item>
</swiper>bug描述：
轮播图不显示,动态接受的图片不显示,
banner,头像.....
静态写死可以.....
其他手机都可以
