- 小程序
在微信小程序中，你可以通过自定义 Swiper 组件的 dot（指示点）样式来实现自定义 dot 的效果。
在上面的代码中，首先通过 indicator-dots="{{false}}" 关闭了默认的指示点样式。
然后在 wx:for，生成对应的指示点。
在 CSS 文件中定义自定义 dot 的样式：
.custom-dots {
position: absolute;
bottom: 10px;
width: 100%;
display: flex;
justify-content: center;
}
.dot {
width: 8px;
height: 8px;
background-color: #ffffff;
border-radius: 4px;
margin: 0 5px;
}
.active {
background-color: #ff0000;
}在上面的代码中，.custom-dots 样式定义了容器的位置和布局方式。
.dot 样式定义了指示点的基本样式，包括尺寸、背景颜色、边框半径和间距。
.active 样式定义了当前图片所对应的指示点的背景颜色。
这样，通过自定义的 CSS 样式定义了指示点的样式，并在 Swiper 组件中生成了对应数量的指示点。在切换图片时，通过设置 current 的值来控制当前显示的指示点，达到自定义 dot 效果。你可以根据需要对自定义 dot 的样式进行调整。
