uniapp小程序更改swiper指示点样式

转载于 2025-03-07 09:10:43 发布

· 259 阅读

·

1

·

0 ·

版权

原文链接：https://blog.youkuaiyun.com/weixin_59803648/article/details/125512160

文章标签：

#uni-app #小程序

在App.vue文件中设置样式，微信小程序使用wx-的类名，App使用uni-类名

我是微信小程序，所以代码如下

wx-swiper .wx-swiper-dot {
  		width: 10rpx;
  		height: 4rpx;
        border-radius: 2rpx;
        background-color: #ffffff;
        opacity: 0.8;
  	}
  	wx-swiper .wx-swiper-dot-active {
  		background-color: #ffffff;
  		width: 32rpx;
        height: 4rpx;
  		border-radius: 2rpx;
  	}

更改后的样式如下，亲测有效