美文网首页
小程序 swiper 轮播图图片横向显示不全问题

小程序 swiper 轮播图图片横向显示不全问题

作者: 这个码农不太牛 | 来源:发表于2018-09-14 09:28 被阅读0次

我要作的是在指定的view里头部加一个图片轮播效果。这时问题来了,在开发环境的模拟器里显示正常,但到了真机上图片的两边总是与外边框存在一定的间距,各种设置<image>的mode都不行。最终于在调试时发现了问题,原来它的<image>在自动设置比例的时候有一个属性overflow一直被设置成hidden。就是说图片元素在超出了它的布局后都被隐藏了。有了这个我们就不必去费劲调整它的布局了,微信的mina隐藏了很多样式,所以调整布局可是个苦活。

解决办法将所有<swiper-item>中<image>的属性overflow设置为show。

相关文章

网友评论

      本文标题:小程序 swiper 轮播图图片横向显示不全问题

      本文链接:https://www.haomeiwen.com/subject/hzhngftx.html