首页
学习
活动
专区
圈层
工具
发布
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    小程序分类页实现三级分类,顶部导航栏,左侧分类栏,右侧数据列表

    如果大家一直读石头哥的文章,或者看石头哥的视频,肯定知道,石头哥的点餐小程序有实现二级菜品或者商品分类。 如下图 ? 但是有时候我们想实现三级分类,该怎么做呢,今天就来教大家如何实现三级分类。...可以看出,我们最顶部是一级菜单,左侧是二级菜单,右侧是最终的三级列表。...到这里我们的三级分类就实现了 四,完整项目代码 下面把完整项目代码,贴出来给大家 4-1,wxml <!...e.currentTarget.dataset.id - 2) * 200 }, success => { this.sushehao() }) }, //左侧条目选择...到这里我们的三级分类就完整的实现了。关于excel数据批量导入,我下节再做讲解的。欢迎关注,欢迎留言交流。

    4.1K41

    《仿盒马》app开发技术分享-- 分类左侧列表(17)

    ## 技术栈Appgallery connect## 开发准备上一节我们实现了分类页面的顶部导航栏全选弹窗列表,并实现了跟顶部列表的点击选中联动效果,这一节我们要实现的功能是,分类模块的左侧列表,它同样也需要跟弹窗列表的点击...,顶部列表的点击有联动的效果## 功能分析1.列表展示列表的数据展示,我们要根据当前选中的顶部列表child_id作为前提条件进行数据的查询,因为我们的顶部列表是一个大的分类,比如酒水饮料,他可能分为...啤酒、白酒、红酒这些细分品类,当我们点击其他品类,左侧的列表同时也要进行切换。...this.pos_check=pos this.pos_check_id=child_id }})在调用页面直接取值即可,其他的弹窗以及列表逻辑没有相应的修改然后我们把分类页面定义的...,我们点击其他类目对应的左侧列表数据也会发生相应的改变

    7400

    小程序三级联动,实现三级分类,顶部导航栏,左侧分类栏,右侧数据列表

    如果大家一直读石头哥的文章,或者看石头哥的视频,肯定知道,石头哥的点餐小程序有实现二级菜品或者商品分类。...,该怎么做呢,今天就来教大家如何实现三级分类。...shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FpdXNoaV8xOTkw,size_16,color_FFFFFF,t_70] 可以看出,我们最顶部是一级菜单,左侧是二级菜单...三,获取分类数据 这里先给大家说下,我这里是用一张表来存的所有信息 [ggyku0g8yb.png] 既然是一张表存所有数据,我们就要做下分组,看数据里都有哪些楼号。...scrollLeft: (e.currentTarget.dataset.id - 2) * 200 }, success => { this.sushehao() }) }, //左侧条目选择

    2.5K00

    ElementUI 实现头部组件和左侧组件效果

    三、左侧区域 修改 views/Layout/components/Appnavbar.vue   左侧我们也做好了,但是点击左边的菜单会进入一个空白页面,因为我们开启了路由但是没有配置 ?...四、其他组件 上面我们已经写好了左侧导航,并且点击能跳转到对应的路由,接下来我们来写对应的组件,我们把组件都放在src下的views下面。 分别是首页,会员管理。如果还有其他的,请根据实际情况修改。...我们期望的是当我们点击左侧对应的导航,对应的组件渲染在Layout的中间区域。...          component: Member,           meta: {title: '会员管理'}         }       ]     },   ] }) 这样当我们点击左侧导航栏的时候

    2.1K10
    领券