APP 外掛頁面

新增外掛頁面

新增方式基本與網頁端相同，以下謹說明不同之處。

Module 為了符合 UOF X 底層所使用的 IonicFramework，所以為了符合手機端操作方式需要在 Module 內引用。

page.module.ts

import { NgModule } from '@angular/core';
import { IonicModule } from '@ionic/angular';

@NgModule({
  imports: [
    IonicModule,
    ...
  ]
})
export class PageModule { }

設定路由

手機端新增在 page.module.ts。

設定 routes.json

權限配置方式與網頁端相同，於 UOF X 中管理的位置也一樣。

僅手機端的主選單與網頁端不同，因設計版面關係，menu 下未提供 icon 可設置，只提供子選單的設定。

routes.json

{
  "app": {
    "menu": {
      "name": "EDE 外掛模組",
      "children": [
        {
          "funcId": "LOBBY",
          "name": "大廳",
          "icon": "assets/icons/house.png",
          "path": "lobby"
        }
      ]
    }
  }
}

---

設定 Icon

可參考 配置與設定>設定檔共用規則

---

Icon 設計規範

此規範是為了符合 UOF X 風格，若不需要風格一致，可忽略。

項目	規格
大小	24px
主色	#FF6128
輔色	-
邊界留白	2~4px

設定 Path

手機端的保留路徑: /home/plugin/{codePath}。