上期介绍了左侧菜单的商品分组风格,奶茶小程序,外卖小程序,生鲜小程序,咖啡小程序,蛋糕小程序....很多行业的小程序商城页面,都用了【左侧菜单】的分组效果。
商品分组风格还有顶部菜单,也是常见的分组风格。

进入轻栈【Design Lab】,从左侧拖拽组件【商品分组】到界面->右键编辑。

-- 常规设置:模板(电商)选择顶部,(不展示/展示)全部商品,菜单样式有三种可选,菜单位置(正常模式/滚动至顶部固定),商品分组列表(添加商品类别/添加商品标签)
-- 商品列表:设置页面边距、商品间距、图片比例,图片填充、文本对齐
-- 高级设置:商品倒角,显示内容,按钮样式,按钮文字
-- 列表样式:大图模式/一行两个/详细列表/一大两小/横向滑动

切换成大图模式,查看商品分组设置效果。
