微信小程序如何实现自定义滑动切换页码的详细方法探讨？

本文共计840个文字，预计阅读时间需要4分钟。

原文示例：本文实例讲述了微信小程序实现滑动切换自定义页面的方法。分享给广大开发者供大家参考，具体如下：

效果如下：+ 效果如下：+ 这里三个图片使用了swiper组件进行轮播，下方的页面数字1、2、3会随着图片的滚动而变化。

修改后：本文展示了微信小程序实现滑动切换自定义页面的方法。供大家参考，具体如下：

+ 效果展示：+ 此处使用swiper组件进行轮播，下方页码1、2、3随图片滚动而变化。

本文实例讲述了微信小程序实现滑动切换自定义页码的方法。分享给大家供大家参考，具体如下：

效果如下：

这里三个图片使用了swiper组件进行轮播，下方的页码数字1、2、3会随着图片的切换变动位置

在微信小程序中我们是无法操作dom的，那么

var div = document.getElementById('id'); div.setAttribute("class", "className");

这种方式实现。

然后我们可以考虑使用hidden或者wx:if的方式，将三个页码显示的view进行轮流显示/隐藏操作。