在Web應用頁面支持配置不同模式的導航菜單,您可根據實際需要配置應用的頁面導航菜單樣式和內容。

操作步驟

  1. 在Web應用編輯器左側導航欄中,單擊頁面按鈕頁面
  2. 頁面導航布局下,選擇有導航菜單的模板。
    web開發

    當您選擇了有左導航的布局時,可在彈出的對話框中選擇是否自動生成菜單。選擇自動生成后,頁面左側自動生成導航并匹配已有頁面。

    是否自動生成菜單
  3. 單擊導航布局下的配置,在編輯器頁面右側的導航配置面板,配置導航菜單樣式和內容。
    樣式配置
    參數 說明
    導航背景樣式 設置左導航菜單欄在頁面上的寬度和背景顏色。
    Logo 設置左導航或頂部欄的Logo圖標。
    說明 如果選擇了左導航/頂部欄頁面模板,僅支持在頂部欄設置Logo。
    應用名稱 設置頂部欄是否顯示應用名稱,默認選中。支持設置應用名稱的字體和顏色。
    菜單樣式 配置導航菜單欄的字體,及不同情景下的字色和菜單背景色。
    菜單配置 配置面板顯示當前應用中已有的主菜單。 支持修改和新增主菜單。
    • 新增主菜單

      單擊新增主菜單,添加主菜單,并為其設置參數。您也可以為當前主菜單添加子菜單。

    • 編輯現有主菜單或子菜單

      將鼠標移至待配置的菜單,顯示對應的操作圖標:

      • 編輯:設置菜單參數,包括菜單名稱鏈接打開方式目標鏈接
      • 新增:僅主菜單支持新增子菜單。您需要為新增子菜單配置參數。
        說明 新增子菜單后,原主菜單配置的鏈接失效,即單擊應用中的主菜單,僅展開或收起子菜單。
      • 刪除:刪除不需要的菜單。
      • 調整:拖拽菜單,調整菜單位置。
    登錄信息 開啟應用頁面賬號鑒權后,默認在頁面右上角顯示請登錄按鈕。

    支持配置字體、賬號信息字色和登錄操作字色。

    導航菜單配置完成后,新建頁面默認顯示導航菜單。
  4. 可選:單擊目標頁面,在右側配置欄,選中隱藏布局信息復選框,即可隱藏當前頁面的導航菜單。
    顯示導航