前言

如果您需要 “简约通用” 的左右联动功能，请访问 这篇文章。

在微信小程序开发中，详解实现仿饿了么、美团外卖用户点餐左右联动界面，全屏适配左边菜单分类右侧商品菜单列表数据，顶部是搜索栏可搜索定位对应锚点位置及商品，左侧导航菜单点击时右侧商品跟着变化，反之列表滑动到大标题锚点时左侧菜单也会自动高亮并选中，附带各种点餐常见功能，支持修改各种样式、悬浮购物车、商品加入动画、购物车自动计算、折扣优惠功能、购物车展开列表、商品数量快捷加减、其他点餐界面等常见功能。

小程序 vue2 | vue3 版本语法都能使用，跟着教程复制代码运行稍加改造即可。

如下图所示，运行丝滑流畅不卡顿，兼容适配各种手机屏幕尺寸，通用性极强。

详细示例代码及注释，uniapp项目也能使用

示例代码

具体实现代码如下，请直接复制运行测试即可。