社交新零售商城 - 标准版页面设计

页面设计

#页面设计
##一、功能介绍
页面装修分为商城首页、商品分类和个人中心

##二、操作流程
装修 > 页面设计 ＞ 商城首页

![](/uploads/EDCMAM_BZ/BZ/20230713/a4da03a37a1f3d3df67932da1ac9a191.png)

##三、功能说明
####1. 商城首页
商城首页可进行DIY设计，自由搭建首页模块及样式
可创建多个页面，创建的页面为专题页，可作为独立的页面使用
操作方法
① 添加组件
点击左侧组件库内模块，即可自动添加相应模块至页面最底部
拖动左侧组件库内模块，至中间预览页，即可在相应位置添加模块
② 编辑模块
点击中间预览页模块，最右侧则会弹出相应编辑内容说明，可进行颜色、间距、数值、等相应的编辑调整
③ 提交保存, 提交后自动生效。

![](/uploads/EDCMAM_BZ/BZ/20230713/93273ac828fcca883d1a5ab61c710161.png)

####2. 商品分类
商品分类有三种样式可选择
样式一
左侧展示一级分类，右侧展示二级分类
样式二
左侧展示一级分类，右侧顶部展示二级分类，列表展示商品大图
设置商品大图：商品 ＞ 商品列表 ＞ 编辑商品 ＞ 商品推荐图
样式三
左侧展示一级分类，右侧顶部展示二级分类，列表展示商品

![](/uploads/EDCMAM_BZ/BZ/20230713/41480afeb59cc595b07e3b32d340182f.png)

####3. 个人中心
个人中心有三种样式可选择，同时可对个人中心的数据进行编辑
开启广告位则可以添加对应广告链接

![](/uploads/EDCMAM_BZ/BZ/20230713/5c1c056e3d5f7493eecb1d1e17336378.png)

####4、DIY设计
设计说明：
商城首页可进行DIY设计，自由搭建首页模块及样式
可创建多个页面，创建的页面为专题页，可作为独立的页面使用
操作方法：
① 添加组件
点击左侧组件库内模块，即可自动添加相应模块至页面最底部
拖动左侧组件库内模块，至中间预览页，即可在相应位置添加模块
② 编辑模块
点击中间预览页模块，最右侧则会弹出相应编辑内容说明，可进行颜色、间距、数值、等相应的编辑调整
③ 提交保存

![](/uploads/EDCMAM_BZ/BZ/20230713/c980fc370b8a008c9904e10526ecb611.png)

注：
1.DIY编辑，不需要打包页面，保存提交即可生效。
2.目前仅默认模板支持DIY，其他模板只能配置数据。