页面结构
<swiper indicator-color="white" indicator-active-color="#ff4c91" indicator-dots autoplay interval="3500" duration="1000" vertical circular> <swiper-item wx:for="{{imgUrls}}" wx:key="*this"> <image src="{{item}}" mode="aspectFill" /> </swiper-item> </swiper>
css样式
swiper{ height: 100vh; } image{ width: 100vw; height: 100vh; }
js样式
data: { imgUrls:[ '/pages/images/1.png','/pages/images/2.png','/pages/images/test.png' ] },
样式图
标签:轮播,样式,微信,images,------,pages,png From: https://www.cnblogs.com/lixianhui/p/18214469