小程式輪播圖顯示不全怎麼解決

小程式輪播圖顯示不全怎麼解決

按照小程式官方的文檔，swiper 輪播圖中的圖片高度大時，會顯示不全。

解決方法：為image新增style屬性style="height: 100%"即可。

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中文網，大量免費小程式開發教學，歡迎學習！

以上是小程式輪播圖顯示不全怎麼解決的詳細內容。更多資訊請關注PHP中文網其他相關文章！