微信小程序实现两边小中间大的轮播效果的示例代码

好久没跟新博客了 今天没啥事来记录一下我的成果 哈哈哈 今天产品小姐姐过来跟我说改一下产品活动页的样式 我看了一眼发现有个轮播样式两边小中间大 这个我以前是没有写过的 而且在小程序中要实现 觉得应该不是很简单 想着记录一下吧 其实没我想的那么难实现 小程序有个组件轮播组件swiper 这个就可以直接使用 而且他提供了两个属性很实用 这个可以帮助实现出现两边部分图片信息的功能 我主要的想法就是给个标识 当滑动到某个图片时让他的样式处于大图状态 他的上一张是缩小并出现左边部分 下一张缩小出现右边部分 所以我讲循环的图片数据改为了这样 imgUrls: [ {