ホームページ  >  記事  >  WeChat アプレット  >  ミニ番組カルーセル映像が不完全に表示される問題の解決方法

ミニ番組カルーセル映像が不完全に表示される問題の解決方法

angryTom
angryTomオリジナル
2020-03-26 13:11:036431ブラウズ

ミニ番組カルーセル映像が不完全に表示される問題の解決方法

ミニ プログラムのカルーセル画像が不完全に表示される問題の解決方法

ミニ プログラムの公式ドキュメントによると、高さスワイパーカルーセル内の画像のサイズが大きいと、不完全に表示されます。

解決策: スタイル属性 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 中国語の Web サイト、多数の無料の 小規模プログラム開発チュートリアル 、学習へようこそ!

以上がミニ番組カルーセル映像が不完全に表示される問題の解決方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。