网上有大神模仿美团分类菜单写了一个小程序，今天我们就有大家分享一下。 先看swiper分类菜单效果图： 微信小程序仿美团分类菜单的demo： swiper分类菜单

swiper分类菜单工作原理： 类似viewpage的顶部选项卡就出来了

swiper分类菜单代码编程

//index.js   //获取应用实例   var app = getApp() Page({   data: {     currentTab: 0,     grids: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9],     swiperList:[0, 1, 2, 3, 4]   },   onLoad: function () {   },   click: function (e) {     console.log(e.currentTarget.dataset.id)     console.log(e.currentTarget.dataset.index)     wx.showToast({       title: ‘第’ + e.currentTarget.dataset.id + ‘栏’ + ‘第’ + e.currentTarget.dataset.index + ‘个’,       icon: ‘success’,       duration: 1500     })   },   /**      * 滑动切换tab      */   bindChange: function (e) {     console.log(e.detail.current)     this.setData({ currentTab: e.detail.current });   }, })

源码如下： 微信小程序仿美团分类菜单的demo： swiper分类菜单tabdemo03.zip爱盈利（aiyingli.com）移动互联网具影响力的盈利指导网站。定位于服务移动互联网创业者，移动盈利指导。我们的目标是让盈利目标清晰可见！降低门槛，让缺乏经验、资金有限的个人和团队获得经验和机会，提高热情，激发产品。