欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

微信小程序 swiper 組件遇到的問題及解決方法

 更新時間:2019年05月26日 08:32:11   作者:破殼而出的蝌蚪  
這篇文章主要介紹了微信小程序 swiper 組件遇到的問題及解決方法,本文通過實例代碼給大家介紹的非常詳細,具有一定的參考借鑒價值,需要的朋友可以參考下

Swiper是純javascript打造的滑動特效插件,面向手機、平板電腦等移動終端。

Swiper能實現(xiàn)觸屏焦點圖、觸屏Tab切換、觸屏多圖切換等常用效果。

Swiper開源、免費、穩(wěn)定、使用簡單、功能強大,是架構(gòu)移動終端網(wǎng)站的重要選擇!

swiper 組件高度被限制為150px了,所以內(nèi)容無法撐開。

解決辦法

給這組件重新設(shè)置個高度,然后在把里面的圖片設(shè)置為自動適應(yīng)容器大小。圖片模式設(shè)置為 寬度不變 自動適應(yīng)高度

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

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

image{
 width:100%;
 height:auto;
}
</style>

總結(jié)

以上所述是小編給大家介紹的微信小程序 swiper 組件遇到的問題及解決方法,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!

相關(guān)文章

最新評論