企业🤖AI Agent构建引擎,智能编排和调试,一键部署,支持私有化部署方案 广告
# 7.2 DIY布局 ![](https://img.kancloud.cn/39/24/3924d2f174b1b9ec3898bba02126d310_1356x121.png) **DIY布局页面主要用于小程序首页面,及二级页面的创建。 如果自己不会设计,可以套用下面系统自带的现成模板,可以选择使用或参考。** ![](https://img.kancloud.cn/20/45/204578fed5f02f6c26ab1d165741b720_928x627.png) 模板分类,点击选择: ![](https://img.kancloud.cn/7d/77/7d77890bdf0aa0eb037020985f69f0d1_1600x817.png) 编辑小程序首页指南如下:点击编辑使用中的页面模板(使用中的为首页面) ![](https://img.kancloud.cn/c0/b2/c0b2a799832567fe04dd525443a9e42f_821x601.png) 1、页面中:左侧1----模块列表:为页面可以选择使用的功能,(可以自行添加一个空白页面,都点击一下功能,使用了解)。 中间部分2----为页面的预览效果和点击删除,拖动调节位置。 右侧3----为对功能个性化编辑的作用,(调节板块的颜色、数量、大小、跳转路径等diy化)。 页面灰色栏目,最右上角----为保存页面功能。 ![](https://img.kancloud.cn/0f/83/0f83caedcbcdb22af09aee5db01e7c80_1917x903.png) 左上角----主题设置为:设置页面标题、分享标题和背景颜色等。 ![](https://img.kancloud.cn/6a/9c/6a9c7cbf4e2214e8645017ac4cdcef15_1779x860.png) 左上角----页面设置为 首页启动图、弹窗广告、背景音频的设置。 ![](https://img.kancloud.cn/97/b7/97b78341f5d84c0e55530c94628414a9_1218x764.png) 左上方---页面列表 ,针对二级DIY页面的添加、复制、删除,可添加多个,也可以通过首页面图片跳转到二级页面(首页只能设置一个)。 ![](https://img.kancloud.cn/bc/99/bc99691301507da75dee1055684799b9_1906x574.png) **页面功能概述:** ** 图文展示使用:封面图片、大图模块、图文广告、图片轮播、富文本、组图模块、图片橱窗、图文组、文章列表** 根据不同样式需求选择适合的展示模块,例如图片轮播适合banner图;如需要单页滑动效果可选用图文组…… ** 标题使用:标题2、标题栏** 题2样式多样有主副标题,满足样式需求;标题栏可添加跳转链接。 * 按钮:按钮组、文字按钮、单个按钮、选项卡。 * 商品、插件:秒杀模块、多商户模块、多商户列表、产品模块、拼团模块。 商品最好不要使用不对应的模块,比如多规格商品使用秒杀模块,可能导致显示错误。 * 布局:辅助线、辅助空白(进行板块间隔断使用)。 * 营销:公告+营销模块+万能表单+流量主。 公告栏:滚动文字显示,可以读取文章,也可以手动填写。 订单轮播:可读取的订单数据。 优惠券、万能表单:都是从系统—营销中的对应部分读取/选取内容。 **注:首页面为小程序的框架排版,快捷入口设置,每个版块的内容,需要在后台对应栏目设置上传。**