1，实现的需求 1）首页：标题栏获取用户当前位置，使用腾讯api实现定位，不用弹窗出现用户授权， 进入首页，获取附近商铺的列表 轮播图： 导航栏： （1）向后台发送请求来获取展示的商铺列表，综合排序，筛选实现根据用户 条件请求数据 （2）导航栏出现偏移 商铺列表： （1）带参跳转店铺 网络中断情况： 新页面提示没网，可点击刷新 2）店铺：根据店铺id获取店铺相关信息 头部：动态显示店铺的相关优惠 导航：分别切换菜单，评价，商家 菜单： 商品列表展示：左右联动，动态出现添加数量以及按钮 商品详情

主要为大家详细介绍了微信小程序实现美团菜单，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

本文实例为大家分享了微信小程序实现美团菜单的具体代码，供大家参考，具体内容如下 1.功能仅是菜单功能一部分，仅供参考 2.需求描述：右侧菜品部分在滚动的时候，左侧菜品选中分类与右侧第一行菜品所在分类对应。 我的实现方式：（每个菜品高度*该分类菜品数量）+菜品分类高度 = x， 每次滚动的时候判断当前scrollTop是否在x范围内？左侧选中该分类：左侧不做改变； 问题：我设置菜品高度的单位是rpx，而scrollTop的单位是px，这也就是说，上面我计算的x是个变量， 所以当改变测试

有同学要仿美团分类菜单.写了一个. 跟 微信小程序开发之实现选项卡(窗口顶部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: fu