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

更新日期: 2019-08-23 阅读次数: 10495 字数: 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>

微信关注我哦 👍

大象工具微信公众号

我是来自山东烟台的一名开发者,有感兴趣的话题,或者软件开发需求,欢迎加微信 zhongwei 聊聊, 查看更多联系方式