微信小程序 仿美团分类菜单 swiper分类菜单

有同学要仿美团分类菜单.写了一个.

跟 微信小程序开发之实现选项卡(窗口顶部TabBar)页面切换很类似

代码:

js就这么一点

//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 });
 },
})

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持！

# 微信小程序  # swiper  # 微信公众号菜单配置微信小程序实例详解  # 微信小程序实现单列下拉菜单效果  # 微信小程序实现的点击按钮 弹出底部上拉菜单功能示例  # 微信小程序 下拉菜单的实现  # 微信小程序 下拉菜单简单实例  # 微信小程序实现下拉菜单切换效果  # 微信小程序实现弹出菜单功能  # 微信小程序 特效菜单抽屉效果实例代码  # 微信小程序左滑动显示菜单功能的实现  # 微信小程序实现收缩式菜单  # 写了  # 选项卡  # 程序开发  # 应用实例  # 就这么  # index  # brush  # class  # app  # getApp  # Page  # var  # data  # pre  # TabBar  # style  # 要仿美团  # 微信小  # text  # strong 

相关文章： 巅云智能建站系统：可视化拖拽+多端适配+免费模板一键生成  网页设计与网站制作内容,怎样注册网站？  建站ABC备案流程中有哪些关键注意事项？  高端网站建设与定制开发一站式解决方案 中企动力  详解jQuery中基本的动画方法  北京营销型网站制作公司,可以用python做一个营销推广网站吗？  怎么将XML数据可视化 D3.js加载XML  微信网站制作公司有哪些,民生银行办理公司开户怎么在微信网页上查询进度？  ,南京靠谱的征婚网站？  免费制作统计图的网站有哪些,如何看待现如今年轻人买房难的情况？  学校免费自助建站系统：智能生成+拖拽设计+多端适配  常州企业网站制作公司,全国继续教育网怎么登录？  MySQL查询结果复制到新表的方法(更新、插入)  c++ stringstream用法详解_c++字符串与数字转换利器  如何用y主机助手快速搭建网站？  陕西网站制作公司有哪些,陕西凌云电器有限公司官网？  建站168自助建站系统：快速模板定制与SEO优化指南  定制建站平台哪家好？企业官网搭建与快速建站方案推荐  儿童网站界面设计图片,中国少年儿童教育网站-怎么去注册？  制作国外网站的软件,国外有哪些比较优质的网站推荐？  广州营销型建站服务商推荐：技术优势与SEO优化解析  电商网站制作价格怎么算,网上拍卖流程以及规则？  平台云上自助建站如何快速打造专业网站？  北京制作网站的公司排名,北京三快科技有限公司是做什么？北京三快科技？  如何优化Golang Web性能_Golang HTTP服务器性能提升方法  购物网站制作公司有哪些,哪个购物网站比较好？  如何在建站之星绑定自定义域名？  高防服务器：AI智能防御DDoS攻击与数据安全保障  如何高效生成建站之星成品网站源码？  建站之星后台管理系统如何操作？  建站之星安装后界面空白如何解决？  贸易公司网站制作流程,出口贸易网站设计怎么做？  如何在阿里云ECS服务器部署织梦CMS网站？  专业网站建设制作报价,网页设计制作要考什么证？  如何在沈阳梯子盘古建站优化SEO排名与功能模块？  建站之家VIP精选网站模板与SEO优化教程整合指南  公司门户网站制作流程,华为官网怎么做？  如何在新浪SAE免费搭建个人博客？  如何在VPS电脑上快速搭建网站？  如何通过虚拟机搭建网站？详细步骤解析  如何在阿里云部署织梦网站？  如何解决VPS建站LNMP环境配置常见问题？  c# 在高并发场景下，委托和接口调用的性能对比  XML的“混合内容”是什么 怎么用DTD或XSD定义  建站之星如何一键生成手机站？  网站规划与制作是什么,电子商务网站系统规划的内容及步骤是什么？  南平网站制作公司,2025年南平市事业单位报名时间？  外汇网站制作流程,如何在工商银行网站上做外汇买卖？  自助网站制作软件,个人如何自助建网站？  建站之星收费标准详解：套餐费用及年费价格表一览