uni-app 修改swiper的dot 样式

先来看下效果：

代码如下：

uni-swiper .uni-swiper-dot {

display:inline-block;

width:14px!important;

height:4px!important;

cursor:pointer;

-webkit-transition-property:background-color;

transition-property:background-color;

-webkit-transition-timing-function:ease;

transition-timing-function:ease;

background:rgba(255,255,255,.3);

border-radius:5px!important

}

uni-swiper .uni-swiper-dot-active {

width:20px!important;

background-color:#fff!important;

}

直接到放到需要的页面就可以了。完成！