跳到正文

頁面管理 ​

菜單位置業務 → 頁面管理所需權限遊戲/頁面/表單/商品/文章/服務

設置小程序的主題配色、底部導航欄 (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)。
  • 用戶頁面:如個人主頁、我的訂單、個人設置、隱私政策、用戶協議、入駐協議等。
  • 打手中心:如申請技能、我的技能、我的接單、接單大廳、我的錢包、押金管理等。
  • 外部鏈接:網頁鏈接(需配置業務域名)。
  • 客服:在線客服、企業微信客服。
  • 彈窗:點擊後顯示圖文彈窗。