So lösen Sie das Problem der unvollständigen Anzeige von Miniprogramm-Karussellbildern

So lösen Sie das Problem, dass das Miniprogramm-Karussellbild nicht vollständig angezeigt wird

Laut der offiziellen Miniprogramm-Dokumentation, wenn die Höhe Das Bild im Swiper-Karussell ist groß und wird unvollständig angezeigt.

Lösung: Fügen Sie dem Bild das Stilattribut style="height: 100%" hinzu.

style="height: 100%"

Alle Codes lauten wie folgt:

<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-chinesische Website, eine große Anzahl kostenloser kleine Programmentwicklungs-Tutorials, willkommen zum Lernen!

Das obige ist der detaillierte Inhalt vonSo lösen Sie das Problem der unvollständigen Anzeige von Miniprogramm-Karussellbildern. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!