uni-app - 详细实现左右垂直分类列表功能效果，类似商城商品、电商商品分类管理（左侧菜单+右侧列表内容），分类列表左右联动，简易的商品分类垂直分类（提供详细示例代码，一键复制运行）_uniapp类似京东商品分类

作者：Li_阴宅 | 2024-07-02 10:31:12

踩

uniapp类似京东商品分类

网上的教程都很乱，并且适配都有一定差异很难使用。

本文实现了 uniapp 全端兼容（h5网页 / 小程序 / 安卓苹果app / nvue等）的商品分类列表，左侧菜单右侧列表内容经典布局，美团京东淘宝等常见垂直左右分类列表。

支持 uniapp v2 / v3 版本，示例代码干净整洁（内附详细注释），左右内容自定义，按照您的需求进行改造。

如下图所示，点击左侧菜单时如果贴近底部，会自动计算帮用户拉取到合适位置（无需用户手动拖动菜单）。

附带详细示例源代码，您只需要一键复制。

在这里插入图片描述

推荐使用平台一键复制功能，避免漏选。

您新建一个页面，直接复制粘贴运行起来。

<template>
	<1

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/Li_阴宅/article/detail/779378