WeChatウィジェットswiperコンポーネントに遭遇した問題と解決方法


Swiperは純粋なjavascriptが作成したスライド効果プラグインで、携帯電話、タブレットコンピュータなどのモバイル端末に向いています。
Swiperはタッチパネルの焦点図、タッチパネルのTab切り替え、タッチスクリーンの多図切り替えなどの常用効果を実現できます。
Swiperオープンソース、無料、安定、使い勝手が簡単、機能が強大で、モバイル端末サイトを構築する重要な選択です。
swiperコンポーネントの高さは150 pxに制限されていますので、内容は開けられません。
解決策
このセットに高さを再設定し、中の画像を自動的にコンテナサイズに合わせて設定します。画像モードは幅を変えずに高さに自動適応します。

<swiper class="test" .....>
 <swiper-item>
  <image mode='widthFix' ...... /> 
 </swiper-item>
</swiper>

<style>
.text{
  height:200px;
}

image{
 width:100%;
 height:auto;
}
</style>
締め括りをつける
以上は小编が皆さんに绍介したWeChat Wiperコンポーネントの问题と解决方法です。皆さんに助けてほしいです。もし何か疑问があれば、メッセージをください。小编はすぐに返事します。ここでも私たちのサイトを応援してくれてありがとうございます。