小程序輪播圖顯示不全怎么解決
按照小程序官方的文檔,swiper 輪播圖中的圖片高度大時(shí),會(huì)顯示不全。
解決方法:給image添加style屬性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中文網(wǎng),大量免費(fèi)小程序開發(fā)教程,歡迎學(xué)習(xí)!