{{wikiTitle}}
主页装修
一、功能介绍
主页装修分为商城首页、商品分类和个人中心
二、操作流程
装修 ＞ 首页装修
三、 商城首页
商城首页可进行DIY设计，自由搭建首页模块及样式 可创建多个页面，创建的页面为专题页，可作为独立的页面使用
1、 添加组件
点击左侧组件库内模块，即可自动添加相应模块至页面最底部
拖动左侧组件库内模块，至中间预览页，即可在相应位置添加模块
页面按钮功能如下图说明
2、 编辑模块
点击中间预览页模块，最右侧则会弹出相应编辑内容说明，可进行颜色、间距、数值、等相应的编辑调整
a、内容
按照页面中可以修改的内容将内容编辑分为多个模块。 展示设置 可设置该组件的风格，组件内容的显示、隐藏与排列。 内容设置 设置该组件的内容，包括图片、图片链接、文本等
b、样式
通用样式 组件背景：修改组件的颜色，可设置渐变 底部背景：修改背景页面颜色 上、下、左右边距：设置组件离背景页面的边距 页面上边距：背景页面离上个背景页面的边距 背景圆角：设置背景页面的圆角 <img src='/uploads/pro_s/pro_v3/20240319/66731bd2e6f4713b0334e4ff894e42c3.png' height='500'>
③ 提交保存 ⚠️ 注： 1.DIY编辑，不需要打包页面，保存提交即可生效。
四、组件介绍
1、基础组件
轮播图：可设定主页轮播图片及添加图片链接；可选择三种轮播样式；可自定义图片风格，背景样式，提高用户视觉体验。 搜索框：系统提供多种搜索样式供用户自行组合。可设置框内搜索热词及显示时间，可自定义搜索框及组件样式。 选项卡：三种选项卡风格可供选择，可设置选项卡内容及格式，自定义选项卡及组件样式。 轮播搜索：搜索框、选项卡及轮播图组件的结合。可自行组合多种不同样式；可自定义图片、指示器、搜索词风格。 商品列表：可选择六种商品排列样式。自定义显示内容及显示商品的数量。可自定义商品样式，购物车样式以及整个组件的风格 热区：添加图片，并为图片不同部分设置跳转链接，点击图片对应位置即可进入对应功能模块。可自定义热区组件的样式 扫码查看热区组件设置视频 <img src='/uploads/pro_s/pro_v3/20240319/86e2439e9ee00cb4ef2dfa29b50be263.png' height='500'> 导航组：添加功能模块快捷入口。可搭配组成多种组件样式，可自定义组件及图片的风格 文章列表：三种文章展示样式可供选择。可自定义显示内容、文章、图片样式，自定义组件风格。 新闻公告：设置公告内容及内容链接，共两种新闻样式可供选择，可自定义新闻标题及组件风格 商品选项卡：五种选项卡风格可供选择，可定义选项卡内容及购物车图标。可自定义选项卡、购物车及组件风格。 用户信息：两种展示样式可供选择，可自定义展示的组件内容、组件风格。多用于用户快速查看积分、余额、浏览、优惠券，打开会员码等。 视频：上传视频文件及封面图，可自定义组件风格。 图片魔方：可选择12种图片组合样式。11种固定组合和一种自定义图片组合。可自定义图片及组件样式 扫码查看图片魔方组件设置视频 <img src='/uploads/pro_s/pro_v3/20240319/ff97d76741831e5730f879912ef0c3db.png' height='500'>
2、营销组件
优惠活动（砍价、拼团、预售、秒杀、积分商城）：可调整标题栏样式，四种商品列表排列样式可供选择，可调整商品显示的数量以及内容；自定义标题栏、商品列表以及组件样式。 扫码查看积分商城组件设置视频 <img src='/uploads/pro_s/pro_v3/20240319/c61c2e0dcd2239b5bb257f67874e16a0.png' height='500'> 优惠券：五种优惠券风格可供选择，可调整显示的优惠券数量，可自定义优惠券和组件样式 新人专享：两种展示样式可供选择，可调整显示的内容，可自定义积分、优惠券及组件样式。 排行榜：可调整标题栏样式，两种排行版样式可供选择。可自定义标题栏、榜单及组件样式。 扫码查看排行榜组件设置视频 <img src='/uploads/pro_s/pro_v3/20240319/168199fec58029881905f131c86d47ac.png' height='500'> 短视频：两种视频样式可供选择，可调整标题栏样式及视频显示的数量；可自定义标题栏、视频及组件样式。 签到：可选择两种签到风格，可自定义签到的色调和组件样式。该组件可用于主页添加签到的快捷方式 扫码查看签到组件设置视频 <img src='/uploads/pro_s/pro_v3/20240319/fa5a58f95482c8e2e204a52993aa9967.png' height='500'> 小程序直播：四种样式可供选择，可设置显示的直播间数量，调整展示内容，自定义直播样式及组件样式。
3、工具组件
悬浮按钮：可设置按钮的页面跳转链接及按钮展示的具体位置。用户可通过该组件快捷进入对应页面 文本标题：添加文本组件，可设置页面跳转链接，可自定义文本及组件样式。 辅助空白：可调整空白高度及自定义组件样式。多用于组件之间添加留白以提高视觉体验。 辅助线：可调整线条虚实、颜色，可自定义组件样式。 富文本：支持输入文本、图片、视频等内容，可调整内容格式，可自定义组件样式。 关注公众号：添加公众号图片，标题，二维码等内容，可自定义关注按钮及组件的样式。
{{cateWiki.like_num}}人点赞
0人点赞
{{cateWiki.page_view_num}}人看过该文档
715人看过
{{item.page_view_num}}
{{item.like ? item.like.like_num : 0}}
{{item.comment ? item.comment.comment_num : 0}}