自定义小程序swiper轮播面板以指示点

的样式 微信小程序的swiper组件是滑块视图容器，这意味着我们通常看到的轮播可以用来做，但是这个组件有很多样式固定，但有时我们的设计草案的面板指示点需要个性化，那么如何修改swipeper组件的面板指示器的样式？我最近在使用swiper时想到了这一点，最后发现在调试时我可以看到他的选择器。

具体代码如下：

.swiper-box .wx-swiper-dots.wx-swiper-dots-horizontal {margin-bottom: 2rpx;} .swiper-box .wx-swiper-dot {width: 40rpx;显示: inline-flex;高度: 10rpx保证金左边: 20rpx; justify-content: space-between;}。swiper-box .wx-swiper-dot: before {content:''; flex-grow: 1;背景: rgba（255,255,255,0.8）;边界半径: 8rpx} .swiper-box .wx-swiper-dot-active: {background: rgba（244,0,0,0.8）; }

＆lt; 汇海（www.hvihi.com）是国内知名的商城系统和商城网站建设提供商，其中汇海技术小程序系统提供小程序商城开发，小程序配送系统，微分配系统，商城系统，电子商务网站建设， 微信发行系统，小程序商城及其他多端商场和电子商务行业解决方案＆gt;

确认：这个文件和图像源网络编辑器的网站部分，如果有侵权及时通信删除。 汇海hvihi.com网站原创文章，请注明出处。