跳到正文

页面管理 ​

菜单位置业务 → 页面管理所需权限游戏/页面/表单/商品/文章/服务

设置小程序的主题配色、底部导航栏 (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)。
  • 用户页面:如个人主页、我的订单、个人设置、隐私政策、用户协议、入驻协议等。
  • 打手中心:如申请技能、我的技能、我的接单、接单大厅、我的钱包、押金管理等。
  • 外部链接:网页链接(需配置业务域名)。
  • 客服:在线客服、企业微信客服。
  • 弹窗:点击后显示图文弹窗。