小程序轮播图显示不全怎么解决
按照小程序官方的文档,swiper 轮播图中的图片高度大时,会显示不全。
解决方法:给image添加style属性 style=”max-width:90%”即可。
style="height: 100%"
全部代码如下:
<swiper indicator-dots="true" autoplay="true" interval="3000" duration="1000"> <block wx:for="{{ banners }}" wx:for-item="banner" wx:key="_id"> <swiper-item> <image src="{{ banner.image }}" style="height: 100%; width: 100%;" /> </swiper-item> </block> </swiper>
PHP中文网,大量免费小程序开发教程,欢迎学习!
以上就是小程序轮播图显示不全怎么解决的详细内容,更多请关注知企PROSAAS其它相关文章!
温馨提示:
文章标题:小程序轮播图显示不全怎么解决
文章链接:https://ceshi.prosaas.cn/16787.html
更新时间:2020年03月26日
声明: 本站大部分内容均收集于网络!若内容若侵犯到您的权益,请发送邮件至:973664285@qq.com我们将第一时间处理! 资源所需价格并非资源售卖价格,是收集、整理、编辑详情以及本站运营的适当补贴,并且本站不提供任何免费技术支持。 所有资源仅限于参考和学习,版权归原作者所有,更多请阅读知企PROSAAS协议