
小程序轮播图显示不全怎么解决
按照小程序官方的文档,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中文网,大量免费小程序开发教程,欢迎学习!
【说明】:本文章由站长整理发布,文章内容不代表本站观点,如文中有侵权行为,请与本站客服联系(QQ:254677821)!