微信小程序swiper面板指示点不显示或位置不对

2026-02-12 08:08:42

微信小程序swiper轮播图面板指示点indicator-dots属性,不仅在js中设置true值,还需要再view标签中添加此属性

工具/原料

微信开发者工具

方法/步骤

最近在搞小程序,做到轮播图时,轮播图中的小圆点位置一直在swiper标签的下方,不在图的上面,或是小圆点根本不显示(就是找不到),设置了indicatorDots: true属性,小圆点还是找不到!后来才发现一个很重要的事情,犯的低级的错误!

那就是:swiper标签里面忘记加 indicator-dots="{{indicatorDots}}" 这个属性了,囧,无语!

indicator-dots="{{indicatorDots} }!!!很重要!!!

indicator-dots="{{indicatorDots}} !!!很重要!!!

indicator-dots="{{indicatorDots}} !!!很重要!!!

重要的事情说三遍!

记住了,swiper里面必须加这个这个属性,否则你的小圆点找不到位置,还要自己去写个!

菜鸟一枚,望各位大拿多多指教,谢谢!

微信小程序swiper面板指示点不显示或位置不对

注意事项

如果想改变其样式,可以百度搜索小圆点class属性名来进行修改!

猜你喜欢