微信小程序修改轮播图的轮播点

1.html:

 

    

      

        

          

            

          

        

      

    

    1}}">

      

    

  

 2.css:   

.swiperBox {

  height: 6rpx;

  width: 100%;

  position: absolute;

  bottom: 28rpx;

  display: flex;

  justify-content: center;

}

.swiperBox1 {

  height: 100%;

  width: 64rpx;

  display: inline-block;

  background: #849AB4;

  margin-left: 16rpx;

}

.swiperBox1.select {

  width: 64rpx;

  height: 100%;

  background:#fff;

  border-radius: 3rpx;

  display: inline-block;

  margin-left: 16rpx;

}

 

3.js:

swiperChange(event){

      this.setData({

        current:event.detail.current

      })

    }

 

 

注意：1.  selectCurrent   默认为  0  ， 根据在自己的需求来决定要不要 （当前页面有多个模块，来回切换时需要回到轮播的第一张图片），在切换后获取数据时把selectCurrent  设置成默认的值

　　　　2. swiper   默认高度为150rpx    (当内容不是图片时，是一些其他东西，高度不确定的时候，需要获取他的高度)     见另一文章（ https://www.cnblogs.com/cm521mzg/p/13036282.html）