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

主要为大家详细介绍了微信小程序实现左右列表联动，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

本文以一个简单的小例子，简述在微信小程序开发中左右布局功能的实现方式，主要涉及scroll-view ，列表数据绑定，及简单样式等内容，仅供学习分享使用。 概述 在微信小程序开发中，左右分栏（左边显示分类，右边显示明细，然后进行联动）是一种常见的布局方式，多应用于点餐，冷饮店，外卖，以及其他类似的商城。 布局分析 布局分析图示如下： 涉及知识点 scroll-view 可滚动视图区域。使用竖向滚动时，需要给一个固定高度，通过 WXSS 设置 height。组件属性的长度单位默认为px，2.

本文实例为大家分享了微信小程序实现左右列表联动的具体代码，供大家参考，具体内容如下 效果图： 直接上代码： wxml界面: 分类 /品牌 搜索商品 <scrol