上一次我们介绍了导航菜单滚动到小程序顶部固定,菜单导航的“磁吸”效果设置方法。
用轻栈平台开发小程序商城,打开编辑器【Design Lab】,拖拽添加【商品分组】组件,除了设置导航菜单滚动到顶部固定,还有其他展示样式,也是常见、常用的。

选择【左侧菜单】,得到的商品分组效果很有存在感。电商平台的商品分类,外卖小程序、烘焙小程序、奶茶小程序等等,很多用左侧菜单来分类。这个组件能够直观、简洁地按不同分类展示商品,便于顾客找到所需商品,直接加购物车。

右键编辑模块:
-- 常规:选择模板(电商),选择商品分组列表。
-- 商品列表:页面边距、商品间距、图片填充 填充/周边留白。
-- 商品倒角(直角/倒角),显示内容(商品名称、商品描述、商品价格、购买按钮),按钮样式有4种可选。

调整参数,得到想要的商品展示效果。
