解决uniapp内置组件swiper圆点样式修改在微信小程序中无效的问题_微信小程序 修改swiper 指示点样式不生效

uniapp微信小程序项目有个轮播图需求，圆点样式要修改成下图中的长条形。

内置组件swiper没有直接配置可修改，立马浏览器中找到圆点css，在style中直接覆盖，可是不行，本想着修改组件源码算了，但翻了翻uniapp文档，发现可以使用深度选择器 ::v-deep 来实现样式穿透覆盖。代码如下：

::v-deep .uni-swiper-dot {
	width: 20px;
	height: 5px;
	border-radius: 0;
}
 
::v-deep .uni-swiper-dot-active {
	background-color: #41DDB5;
}

在内置浏览器中立马就生效了，以为搞定了，没想到在微信小程序中依然是圆点。只好又去微信小程序搜索一番，原来直接把样式前缀uni改成wx就可以了。代码如下：

.swiper .wx-swiper-dot {
	width: 20px;
	height: 5px;
	border-radius: 0;
}
 
.swiper .wx-swiper-dot-active {
	background-color: #41DDB5;
}

这次终于在微信小程序中有效了，要让各端都有效的话，把两种写法都写上去，并加上条件判断
#ifdef MP-WEIXIN