小程序轮播效果实现
一、效果图
wxml代码
<swiper autoplay indicator-dots class='auto-image'>
<swiper-item>
<image src='http://pic2.sc.chinaz.com/Files/pic/pic9/201807/zzpic12992_s.jpg'></image>
</swiper-item>
<swiper-item>
<image src='http://pic2.sc.chinaz.com/Files/pic/pic9/201808/zzpic13518_s.jpg'></image>
</swiper-item>
<swiper-item>
<image src='http://pic2.sc.chinaz.com/Files/pic/pic9/201807/zzpic12689_s.jpg'></image>
</swiper-item>
<swiper-item>
<image src='http://pic2.sc.chinaz.com/Files/pic/pic9/201807/zzpic13045_s.jpg'></image>
</swiper-item>
<swiper-item>
<image src='http://pic2.sc.chinaz.com/Files/pic/pic9/201807/zzpic12732_s.jpg'></image>
</swiper-item>
</swiper>
wxss代码
.auto-image{
width: 100%;
height: 180px;
}