微信小程序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属性名来进行修改!

  • vscode怎么运行代码
  • MyEclipse没有出现包
  • 如何使用JS实现拖放图片到div中的功能
  • 如何让eclipse 控制台运行结束之后自动关闭
  • jquery 点击a标签怎么显示和隐藏div
  • 热门搜索
    台山大方旅游官网 厦门环岛路旅游攻略 海南旅游景点介绍 去杭州旅游攻略 国内旅游网站排名 河北邢台旅游景点 福建海峡旅游人才网 过年旅游好去处 陕西黄龙县旅游景点 捷成旅游网