Swiper是純javascript打造的滑動(dòng)特效插件,面向手機(jī)、平板電腦等移動(dòng)終端。
Swiper能實(shí)現(xiàn)觸屏焦點(diǎn)圖、觸屏Tab切換、觸屏多圖切換等常用效果。
Swiper開(kāi)源、免費(fèi)、穩(wěn)定、使用簡(jiǎn)單、功能強(qiáng)大,是架構(gòu)移動(dòng)終端網(wǎng)站的重要選擇!
swiper 組件高度被限制為150px了,所以?xún)?nèi)容無(wú)法撐開(kāi)。
解決辦法
給這組件重新設(shè)置個(gè)高度,然后在把里面的圖片設(shè)置為自動(dòng)適應(yīng)容器大小。圖片模式設(shè)置為 寬度不變 自動(dòng)適應(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 組件遇到的問(wèn)題及解決方法,希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)VEVB武林網(wǎng)網(wǎng)站的支持!
新聞熱點(diǎn)
疑難解答
圖片精選