一、实验目的掌握小程序swiper轮播组件和switch开关组件的功能与使用方法。通过switch开关动态修改swiper组件属性控制轮播图是否自动播放、是否循环播放、是否显示指示点实时切换轮播播放效果。二、相关知识点swiper 组件小程序轮播图组件常用属性autoplay布尔值是否自动切换circular布尔值是否采用循环滑动indicator-dots布尔值是否显示面板指示点interval自动切换时间间隔switch 组件开关选择器bindchange监听开关状态变化返回true/false用来控制 swiper 的属性。动态属性绑定将 data 中的变量绑定到 swiper 属性修改变量即可实时改变组件效果。三、项目文件结构四、完整代码实现1. index.wxml2. index.js3. index.wxss4. index.json五、运行测试说明自动播放开关打开轮播图每 2 秒自动切换关闭停止自动轮播。循环播放开关开启后滑到最后一张可以无缝切回第一张关闭则最后一张不能继续右滑。显示指示点开关控制轮播底部小圆点是否显示。可以自由组合多个开关同时开启自动播放 循环播放 指示点观察轮播效果。六、实验总结本次实验使用swiper实现轮播图效果switch作为布尔型开关组件监听用户操作。通过bindchange捕获开关状态修改页面 data 数据利用数据绑定动态更新 swiper 组件属性。页面数据驱动视图不需要手动操作 DOM修改数据即可实时改变组件展示效果理解小程序数据双向绑定的核心思想。