uniapp修改swiper 指示点样式
这里也可以使用 ::v-deep
<swiper class="swiper" circular :indicator-dots="true" :duration="200" indicator-active-color="#9FF6EA"
:circular="false" indicator-color="#E8E8E8">
<swiper-item v-for="(item,index) in moduleList" :key="index" class="swiperItemBox flex_start_start">
<view class="swiperItem flex_column_center_center active-item" v-for="(i,j) in item.list"
</view>
</swiper-item>
</swiper>
//.swiper 是swiper 组件父级或swiper 组件类名
/deep/ .swiper .uni-swiper-dot-active {
width: 16px !important;
height: 6rpx;
border-radius: 5rpx;
}
/deep/ .swiper .uni-swiper-dot {
width: 16px !important;
height: 6rpx;
border-radius: 5rpx;
}
/deep/.swiper .uni-swiper-dots-horizontal .uni-swiper-dot {
margin-right: 10rpx;
}