微信小程序 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)文章
在JS中如何把毫秒轉(zhuǎn)換成規(guī)定的日期時間格式實例
本篇文章主要介紹了在JS中如何把毫秒轉(zhuǎn)換成規(guī)定的日期時間格式實例,非常具有實用價值,需要的朋友可以參考下2017-05-05詳解小程序中h5頁面onShow實現(xiàn)及跨頁面通信方案
這篇文章主要介紹了小程序中h5頁面onShow實現(xiàn)及跨頁面通信方案,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2019-05-05JavaScript中的ParseInt("08")和“09”返回0的原因分析及解決辦法
這篇文章主要介紹了JavaScript中ParseInt("08")和“09”返回0的原因分析及解決辦法的相關(guān)資料,需要的朋友可以參考下2016-05-05