首頁 > 微信小程式 > 小程式開發 > 小程式輪播圖顯示不全怎麼解決

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

angryTom
發布: 2020-03-26 13:11:03
原創
6472 人瀏覽過

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

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

按照小程式官方的文檔,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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板