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