小程序页面怎么改:添加、排序、复制和删除模块

一页由一个个模块排成

小程序的每个装修页面,都是一列模块从上到下排出来的:一张大图、一排快捷入口、一行横滑的在售猫、一个预约按钮……改页面就是三件事:加哪些模块、按什么顺序排、每个模块里放什么。

App 里点「小程序 → 装修页面」中的任意一页进装修器。顶部是页面名称、撤销、重做和「发布」;中间是画布;底部四个按钮:结构、添加、页面、预览。网页后台在「小程序 → 装修 → 装修页面」里点一页,左边是结构和添加,中间是手机画布,右边是设置。

添加模块

点底部「添加」,先看顶上的「放在」:默认加在页面最后,点它可以改成某个模块的前后;加好会自动滚到新模块。也可以直接点画布上两块之间的「+」,在那个位置加。

「最常用」是线上商家用得最多的六个;「常用组合」一次放好几个,比如「开篇三件套」是题图 + 快捷菜单 + 在售横滑,「预约看猫」是一张猫舍环境图 + 预约按钮;下面「全部 26 个」按基础、宠物、商城分组。数据展示、宠舍足迹这类模块每页只能放 1 个,放过以后会写「已放」。

有整页模板时,添加面板最下面还有「整页模板」:「套用到这一页」会换掉这一页现在的模块,可以撤销;「用它新建一页」不动这一页。

常用模块怎么选

不用把 26 个都用上。一个能把事情说清楚的首页,一般是:一张题图或轮播说你是谁,一排快捷菜单通往在售、种猫、预约,一两个宠物模块展示在售和种猫,最后一个预约或联系按钮。

改模块的内容和样式

点画布上的一块,下方弹出它的设置,标题写着模块名和「第 3 个 · 共 6 个」。「内容」页签放图片、文字、链接;宠物模块在这里选「按条件自动」还是「自己挑几只」,条件按待售、种猫等筛,上新、卖掉会自动跟着变,买家只看得到「对外展示」开着的猫。

「样式」页签改颜色、背景、相框、间距等;不常用的项收在「更多设置」里(精确数值、不常用的颜色)。模块的颜色默认跟着页面风格走,单独改过的照旧。

画布上灰色写着「没设去处的出厂项,买家看不到」的地方,是还没配置的出厂内容:没放图的图片、没设链接的菜单项、空着的标题正文,买家侧都不显示。

排顺序、复制和删除

排顺序有两种:点底部「结构」,在「页面结构」里按住右边的把手拖到想要的位置;或者选中一个模块,点设置面板右上的「…」,选上移一个、下移一个、移到最上面、移到最下面。

同一个「…」里还有「复制一个」和「删除」。删错了点顶部的撤销就能回来。网页后台选中模块后,画布上方有一条小工具栏(拖动、上移、下移、复制、删除),右侧设置顶部也有复制和删除。

预览、发布和历史版本

改动先存在这台手机上,顶部写着「N 处改动没发布 · 已存在本机」;中途退出,下次打开会问「接着改」还是「不要了」。点底部「预览」看不带编辑框的样子,点「退出预览」回来。

确认后点右上「发布」,发布单里列出这次新增、修改、删除了什么,点「发布」后买家重新打开小程序就能看到。每次发布前自动留一版:点底部「页面」,在「版本 → 历史版本」里选一版「回到这版」,只显示最近 30 版。

1. 在画布上改好,点「预览」从头到尾看一遍。
2. 点右上「发布」,看发布单里列出的改动。
3. 点「发布」。改错了可以在「页面 → 历史版本」里回到之前的一版。

网页后台和桌面端

网页后台的装修器适合在电脑上细调:左侧「结构」列出全部模块、「添加」是模块库,中间手机画布可以切小屏、标准、大屏看效果,右侧是选中模块的设置,没选模块时是页面设置。顶部有「历史」和「发布」。个别旧版模块在手机上改不了时,会提示到网页后台改。

桌面端:小程序 → 装修页面,打开一页进装修器,左边是模块列表(拖动排序、增删),中间是设置,右边是手机预览。