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

文章目录

    按照小程序官方的文档,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>
    

    关于作者 🌱

    我是来自山东烟台的一名开发者,有感兴趣的话题,或者软件开发需求,欢迎加微信 zhongwei 聊聊,或者关注我的个人公众号“大象工具”, 查看更多联系方式