swiper 轮播图组件中图片高度显示不全

更新日期: 2019-08-23 阅读次数: 3960 字数: 63 分类: 微信小程序

按照小程序官方的文档,swiper 轮播图中的图片高度大时,会显示不全。

image 添加

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>

爱评论不评论

近期节日

2020年09月22日 世界无车日
2020年09月22日 秋分
2020年09月23日 国际聋人节
2020年09月27日 世界旅游日
2020年10月01日 国庆节
2020年10月01日 中秋节
2020年10月04日 世界动物日
2020年10月08日 寒露
2020年10月09日 世界邮政日
2020年10月10日 辛亥革命纪念日
2020年10月13日 中国少年先锋队诞辰日
2020年10月14日 世界标准日
查看更多节日