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

发布时间: 2019-08-11 10:39:46 作者: 大象笔记

按照小程序官方的文档,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>
我是一名山东烟台的开发者,联系作者