页面管理
设置小程序的主题配色、底部导航栏 (TabBar) 和协议内容,并管理自定义页面。
各游戏的首页不在这里装修,而是在「游戏管理」中点击「配置首页」。游戏首页和自定义页面使用同一个可视化装修器「页面配置」,见本文最后一节。
主题配色
用于内置页面的图标、按钮、卡片背景等;自定义页面中的组件各自单独配置颜色。
| 配色项 | 用途 |
|---|---|
| 主色系 | 图标、链接、标签选中态 |
| 主色背景(深) | 卡片深色背景 |
| 主色背景(浅) | 辅助背景、渐变终点 |
| 按钮背景色 | 主操作按钮(确认、提交等) |
后三项可以选择渐变色。修改后需点击「保存配色」才会生效。
底部导航栏 (TabBar)
- 上方是手机样式的预览,拖动 Tab 可调整顺序,调整后点击「保存排序」。
- 「首页」是固定 Tab,不可删除或移动。每个游戏有独立的首页配置,请在游戏管理中点击「配置首页」进行装修。
- 鼠标悬停在其他 Tab 上可「编辑」或「移除」。移除自定义页面的 Tab 时,页面本身不会被删除,之后可以重新设为 Tab。
编辑 Tab 时可以设置:
- Tab 基础:菜单名称(最多 6 个字)、默认图标、选中图标、选中颜色。
- 导航栏设置:背景色、标题文字、文字/图标颜色、左侧图标、左侧链接。
自定义页面
列表顶部固定显示 5 个内置页面:陪玩、动态、隐私政策、用户协议、入驻协议。
- 内置页面可以「设为Tab」或「取消Tab」。
- 隐私政策、用户协议、入驻协议可点击「设置」编辑内容(纯文本)。
自定义页面的操作:
- 新建页面:点击「新建页面」,输入页面标题(如:活动专区、新手指南),创建后直接进入装修器。
- 装修:进入装修器编辑页面内容。
- 重命名、设为Tab / 取消Tab。
- 删除:删除后不可恢复;如果该页面已设为 Tab,底部导航栏中的这个 Tab 也会一并移除。
新建的页面状态为「草稿」,在装修器中保存后变为「已发布」。小程序只能打开已发布的页面。
提示
建议先在装修器中保存一次页面(变为「已发布」),再把它设为 Tab。
页面配置(可视化装修器)
进入方式
- 游戏管理 → 某个游戏的「配置首页」:装修该游戏的首页,顶部显示「首页装修」。
- 页面管理 → 自定义页面的「装修」,或新建页面后自动进入:顶部显示「自定义页面」。
界面与基本操作
装修器全屏打开,分为三栏:左侧是组件库(可搜索组件),中间是手机预览画布,右侧是「属性配置」。
- 从左侧把组件拖入画布,在画布中拖动可以调整顺序。
- 选中组件后,在右侧编辑它的属性;大多数组件还可以设置容器样式(外边距、内边距、圆角、背景色,单位为 rpx)。
- 选中组件后也可以上移、下移、复制或删除;支持快捷键 Ctrl+Z 撤销、Ctrl+Y 重做、Delete 删除。
- 点击手机顶部的导航区域,可以设置「页面背景」。
- 点击顶部「保存」后立即生效,没有单独的发布步骤。有未保存的修改时点「返回」,会提示确认。
模板
- 另存为模板:把当前画布上的组件保存为模板(不含页面背景)。
- 导入模板:用已保存的模板覆盖当前画布内容。模板在整个俱乐部共享,游戏首页和自定义页面都可以导入。
- 清除:清空画布上的所有组件,保存后才生效。
游戏分类栏
装修游戏首页、且启用的游戏不少于 2 个时,画布顶部会显示游戏分类栏。点击它可以设置是否「显示游戏分类」以及背景色、内边距、选中/未选中样式。此设置为所有游戏首页共用,需要点击面板中的「保存游戏分类样式」单独保存。
可用组件
| 分组 | 组件 | 说明 |
|---|---|---|
| 基础组件 | 轮播图 | 多张图片轮播,可设置自动播放、间隔、高度,每张图可配置链接 |
| 基础组件 | 公告栏 | 图标加一行公告文字,可配置链接 |
| 基础组件 | 快捷入口 | 图标入口宫格,每行 3、4 或 5 个 |
| 基础组件 | 打手展示 | 自动展示状态正常的打手,支持格子或列表样式 |
| 基础组件 | 商品展示 | 自动展示已上架的商品,可按游戏类型、商品类型、商品分类筛选 |
| 业务组件 | 用户信息 | 头像、昵称、ID 和统计栏,各项可单独开关 |
| 业务组件 | 格子菜单 | 圆形图标菜单 |
| 业务组件 | 列表菜单 | 带描述文字的纵向菜单 |
| 业务组件 | 订单入口 | 固定显示订单状态入口,数据实时从用户订单中获取,无需配置 |
| 营销组件 | 图片广告 | 单张图片加链接 |
| 营销组件 | 活动横幅 | 标签、标题、描述、按钮文字加链接 |
| 辅助工具 | 辅助空白 | 设置高度和背景色的空白区域 |
| 辅助工具 | 文本 | 纯文字,可设置字号、对齐方式和颜色 |
可选择的链接
组件中需要配置链接时,可以选择:
- 自定义页面:已创建的自定义页面。
- 核心页面:首页、陪玩列表、动态、商品列表。
- 业务页面:打手详情、商品详情(需填写打手 ID 或商品 ID)。
- 用户页面:如个人主页、我的订单、个人设置、隐私政策、用户协议、入驻协议等。
- 打手中心:如申请技能、我的技能、我的接单、接单大厅、我的钱包、押金管理等。
- 外部链接:网页链接(需配置业务域名)。
- 客服:在线客服、企业微信客服。
- 弹窗:点击后显示图文弹窗。