首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

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

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

    3.3K41

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

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

    2.1K00

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

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

    1.9K10
    领券