小程序如何在轮播图里面实现点击跳转
时间：2020-09-17 02:40:07
作者：重庆seo小潘
来源：
小程序如何在轮播图里面实现点击跳转 轮播图可以使用swiper组件来实现，点击跳转页面可以使用navigator组件来实现，所以实现点击轮播图跳转页面的方法是：在swiper组件的swiper-item组件里嵌套一个navigator即可。 具体实现代码如下： 1、WXML代码!--轮播图
小程序如何在轮播图里面实现点击跳转
轮播图可以使用swiper组件来实现，点击跳转页面可以使用navigator组件来实现，所以实现点击轮播图跳转页面的方法是：在swiper组件的swiper-item组件里嵌套一个navigator即可。
具体实现代码如下：
1、WXML代码<!--轮播图 --><view>2、WXSS代码/* 轮播 */.swiperBanner{width:100%;height:420rpx !important;margin:0 auto; }.swiperBanner image{width:100%;height:420rpx !important;}swiper {width:100%;height:420rpx !important;}3、JS代码indicatorDots:false,autoplay:true,interval:3000,duration: 800,circular:true,// 轮播图imgUrls: [{link:'../activity/washCar1/index/index',url:'https://localhost/static/ttcf/img/banner8.png',},{link: '../activity/Odysseus/index/index',url: 'https://localhost/static/ttcf/img/banner9.png',},],PHP中文网，大量免费小程序开发教程，欢迎学习！以上就是小程序如何在轮播图里面实现点击跳转的详细内容，更多请关注小潘博客其它相关文章！
