微信小程序:Swiper组件的小圆点的位置如何更改

1.swiper的小圆点没有直接的属性更改位置

2.写代码的过程中无意中发现,可以通过设置swiper的小圆点的高度,至于左右暂时没发现。

3.具体实现

(1)效果图

         微信小程序:Swiper组件的小圆点的位置如何更改_第1张图片

(2)index.wxml中的代码

 
  

(3)index.wxss中的代码,通过改变line-height的值来实现位置的变更。

/* banner样式 */
.banner_view {
  width: 100%;
  height: 386rpx;
  background-color: white;
  line-height: 50rpx;/* 可以改变swiper上小圆点的位置 */
  position: relative;
}
.swiper {
  width: 100%;
  height: 324rpx;
}

.slide-image {
  width: 100%;
  height: 100%;
}

 

你可能感兴趣的:(微信小程序开发)