电商小程序实战教程-类别导航

在电商小程序中,比较常见的功能是类别导航。侧边栏导航显示所有类别,点击某个类别可以看到该类别下的所有商品。我们今天就实现一下分类导航的功能。

侧边栏组件

分类导航使用到了侧边导航面板组件,选中当前页面,先往里添加一个普通容器,在普通容器里继续添加侧边导航面板
在这里插入图片描述
先将标签列表的配置项都删掉,关闭启用多个插槽配置项,然后从全局变量里绑定分类变量
在这里插入图片描述
在这里插入图片描述
变量绑定好之后,标签名称选择name,标签值选择_id
在这里插入图片描述
左侧的分类配置好之后,我们右边使用滚动容器来显示商品列表,选中内容插槽,添加滚动容器
在这里插入图片描述
在滚动容器里添加图文卡片

猜你喜欢

转载自blog.csdn.net/u012877217/article/details/126279220