项目启动的时候用轮播图做了一个轮播简介,需要在横竖屏的情况下切换不同的图片,
<div id="slider" class="mui-slider mui-fullscreen">
<div class="mui-slider-group">
<!-- 第一张 -->
<div class="mui-slider-item">
<img src="img/1200_1920/zx1200-1920.jpg" alt="引导页01" id="zixun" />
</div>
<!-- 第二张 -->
<div class="mui-slider-item">
<img src="img/1200_1920/yb1200-1920.jpg" alt="引导页02" id="yanbao" />
</div>
<!-- 第三张 -->
<div class="mui-slider-item">
<img src="img/1200_1920/xm1200-1920.jpg" alt="引导页03" id="xiangmu" />
</div>
<!-- 第四张 -->
<div class="mui-slider-item">
<img src="img/yindaoye/dangjianAA.jpg" alt="引导页04" id="enter" />
</div>
</div>
</div>
但是如果滑动到了第二或者第三张,然后调整横竖屏在切换回来,轮播图会随机切换到下一张或者上一张,
使用 event.detail.slideNumber 打印轮播图序号,发现即使不是同一张轮播图,序号也是一样的,不知道这种情况怎么解决呢
2***@qq.com
- 发布:2018-09-30 11:20
- 更新:2018-09-30 11:20
- 阅读:1319