【微信小程序】小程序实现首页轮播图效果

index.wxml

 

  

    

      

        

      

    

  

 

 

index.wxss

.carousel{

  width: 100%;

  background-color: rebeccapurple;

}

.carousel_swiper{

  width: 100%;

  height: 400rpx;

  display: block;

  position: relative;

  background: #f4f4f4;

}

.carouselImg{

  width: 100%;

  height: inherit;

}

 

效果图