全部產品
Search
文件中心

Quick BI:建立移動端資料門戶

更新時間:Nov 15, 2025

資料門戶是通過菜單形式組織的資料作品(儀表板、試算表、資料填報)和外部連結的集合。通過資料門戶您可以製作複雜的帶導覽功能表,用於專題類分析。您可以根據資料展示需求,分別為PC端和移動端資料門戶,配置基礎資訊、導航架構及常規控制項。本文將為您介紹如何建立移動端資料門戶。

配置說明

資料門戶的建立分為門戶配置和菜單配置。其中,部分配置內容PC端和移動端共用一套配置,無需分別設定;部分配置則需要根據資料門戶的展示終端,分別設定。具體說明如下。

  • 門戶配置

    • 基礎配置導航架構需單獨配置。

    • 添加常規控制項與PC端相同配置。image

  • 菜單配置

    • 菜單展示樣式需單獨配置。image

門戶配置

操作入口

將頁面頂端的終端滑塊切換至image表徵圖,即可進行移動端的門戶配置。

  • 在頂部單擊門戶設定表徵圖。image

  • 當您在配置菜單時,可通過單擊門戶配置進入配置門戶介面。

    image

基礎配置

配置項

配置項說明

全域logo

設定移動端全域的展示logo,支援選擇官方素材或上傳自訂圖片素材。上傳的圖片尺寸建議為 60*60~180*60,100k 以內。image

說明

全域logo僅當導覽列架構模式平鋪布局時生效,如需設定全域logo樣式,請在平鋪布局封面區配置中調整。

主標題和副標題

輸入當前門戶的主標題和副標題。其中,副標題需控制在1000個字元以內。image

說明

副標題僅當導覽列架構模式平鋪布局時生效,如需設定副標題樣式,請在平鋪布局封面區配置中調整。

查看方式

設定頁面的查看方式,支援選擇在當前頁面開啟或在新視窗開啟

  • 當前頁面開啟:切換菜單時時,將在當前頁面中載入相關內容。

  • 新視窗開啟:切換菜單時,將在跳轉頁面中載入相關內容。

  • 自訂:您也可以選擇自訂各菜單頁的查看方式,單擊去配置,進入菜單頁的配置介面。image菜單頁的配置請參見菜單配置

導航架構

您可以在導航架構裡設定主題模式導航架構模式。

主題模式

支援設定淺色模式深色模式

  • 淺色模式

    image

  • 深色模式

    image

導航架構模式

您可以選擇頂部瀏覽版面配置底部瀏覽版面配置平鋪布局

image

  • 頂部瀏覽版面配置

    配置項

    配置內容

    配置說明

    頂部導航

    導覽列高度

    設定導覽列的高度。

    導覽列背景

    設定導覽列的背景顏色,支援疊加自訂上傳的圖片,圖片僅支援jpg、jpeg、png、gif、svg格式,且需控制在1M以內。

    菜單tab

    設定菜單Tab的樣式、文字格式及Tab標籤寬度。

    • Tab樣式:支援選擇選中條、選中字、選中塊。111

    • Tab文字:設定Tab標籤上常規文本、被選中文本的格式。111

    • 標籤寬度:設定Tab標籤的寬度,支援選擇跟隨頁面自動設定,或設定固定寬度。111

    下拉式功能表

    導覽功能表區背景

    設定導覽列菜單地區的背景顏色,支援疊加自訂上傳的圖片,圖片僅支援jpg、jpeg、png、gif、svg格式,且需控制在1M以內。111

    文本展示

    設定導覽功能表區常規文本及被選中文本的樣式,支援自訂菜單行高。111

  • 底部瀏覽版面配置

    配置項

    配置內容

    配置說明

    底部導航

    導覽列高度

    設定導覽列的高度。

    導覽列背景

    設定導覽列的背景顏色,支援疊加自訂上傳的圖片,圖片僅支援jpg、jpeg、png、gif、svg格式,且需控制在1M以內。

    菜單tab

    設定菜單Tab的樣式、文字格式。

    • Tab樣式:支援設定為純文字表徵圖+文字111

    • Tab文字:設定常規文檔及選中文本的樣式。111

    下拉式功能表

    導覽功能表區背景

    設定導覽列菜單地區的背景顏色,支援疊加自訂上傳的圖片,圖片僅支援jpg、jpeg、png、gif、svg格式,且需控制在1M以內。111

    文本展示

    設定導覽功能表區常規文本及被選中文本的樣式,支援自訂菜單行高。111

  • 平鋪布局

    配置項

    配置內容

    配置說明

    展示封面

    設定是否在頁面頂端展示封面區。111

    封面區配置

    封面區高度

    設定封面區的高度。111

    內容區下邊距

    設定內容區的下邊距。111

    封面區內容

    image

    • 全域logo:設定是否展示全域logo並調整logo的大小。

    • 主標題和副標題:設定是否展示主標題和副標題,並調整主副標題的字型格式。

    • 對齊:設定主副標題的對齊,支援選擇靠左對齊置中對齊

    封面區背景

    設定封面區的背景顏色,支援疊加系統提供的圖片素材,或上傳自訂圖片,上傳的圖片僅支援jpg、jpeg、png、gif、svg格式,且需控制在1M以內。111

    內容區配置

    卡片區背景

    設定卡片區的背景顏色,支援疊加自訂上傳的圖片,上傳的圖片僅支援jpg、jpeg、png、gif、svg格式,且需控制在1M以內。111

    卡片間間距

    設定卡片與卡片之間的間距大小。

    卡片標題

    設定卡片區標題的字型格式。

    菜單名稱

    設定卡片區菜單名稱的字型格式。

    每行最多個數

    設定每行最多展示的菜單個數。111

    表徵圖展示尺寸

    設定功能表列中表徵圖的展示尺寸。111

    頁面背景

    設定頁面的背景顏色,支援疊加自訂上傳的圖片,上傳的圖片僅支援jpg、jpeg、png、gif、svg格式,且需控制在1M以內。111

    頁面邊界

    設定頁面上下左右的邊距大小。點擊左側image表徵圖,即可鎖定上下邊距為一樣的值;點擊右側image表徵圖,即可鎖定左右邊距為一樣的值。111

    開啟報表導航展示

    設定是否在頁面頂端展示報表導航,且導航的樣式跟隨頂部導航模式下的樣式設定。

    該選項在平鋪布局下預設為選中狀態。勾選後,在使用者查看資料門戶中的報表時,會在頁面頂端顯示一條由各級菜單組成的導航路徑,協助查看者瞭解當前報表所在的位置層級,並快速跳轉至相關頁面。

    平鋪布局下,首頁最多僅展示兩層門戶菜單,當菜單的層級超過兩級:image

    • 開啟報表導航展示時,點擊某節點進入後,您可以通過頁面頂部導覽列切換至下一層級查看相關內容。image

    • 未開啟報表導航展示時,點擊某節點後,您可以通過頁面下方彈窗切換至下一層級查看相關內容。image

添加常規控制項

說明

移動端的添加常規控制項配置,與PC端共用同一套配置。

配置項

配置項說明

菜單緩衝

選中該選項,當同時開啟多個菜單時,菜單切換時將不需要重新載入。

門戶別名

您可以自訂填寫參數,此時會拼接在連結中。例如,您填寫參數1,則門戶別名為:https://daily.yunbi.biz.aliyun.test/product/1.htm

image

說明

請您填寫符合法律法規的內容,不得填寫任何違法亂紀、色情、反動、不道德等資訊。

菜單配置

說明

移動端菜單配置僅菜單展示樣式需要單獨設定,其餘內容與PC端共用同一套配置。

  1. 在資料門戶編輯頁面,單擊目標菜單,進入配置菜單頁面。

    image

  2. 配置菜單頁面,配置門戶菜單、系統功能菜單設定

    image

    • 門戶菜單配置

      image

      添加主菜單。即添加一級菜單。

      ②添加二級及以下的菜單。

      ③設定某個菜單為首頁。設定後開啟資料門戶預設顯示這個首頁。

      ④刪除菜單。

    • 系統功能設定

      您可以按照圖示方式添加菜單搜尋功能。

      image

      • 更多表徵圖顯示邏輯:

        • 頂部導覽列(①)中一級導航的總長度超過螢幕寬度時,系統自動顯示“更多”表徵圖;

        • 底部導覽列(②)的一級導航大於5個時,系統自動顯示“更多”表徵圖。

          image

          單擊“更多”表徵圖進入門戶菜單列表頁。

      • 勾選菜單搜尋顯示時,支援搜尋菜單名稱。

        image

      • 支援配置移動端菜單搜尋的背景填充色表徵圖顏色線框顏色、搜尋方塊內文字空態狀輸入態的文本樣式。

    • 菜單設定

      配置項

      配置項說明

      菜單名稱

      用於自訂菜單名稱。

      允許摺疊

      用於設定菜單是否可以摺疊。

      預設摺疊

      用於設定菜單的預設狀態。

      說明

      若且唯若選中菜單允許摺疊時,才可以設定該選項。

      節點類型

      設定節點類型為內容節點或空節點。

      • 當該節點需要成為父節點時,可以設定該節點為空白節點。

      • 當該節點下面添加子節點時,該節點會自動變成空節點。如果該節點原先為內容節點,添加子節點將清空節點內容。

        image

      內容類型

      支援設定空間資源外部連結。其中移動端資料門戶的空間資源僅支援以下類型:

      • 儀表板

      • 試算表

      • 資料填報

      image

      查看方式

      支援當前頁面開啟新視窗開啟和當前頁面及新視窗三種方式。

      說明
      • 若且唯若該菜單未選中設定空節點時,才可以設定該選項。

      • 若您已在配置網站中統一選擇頁面開啟檔案,此時不支援自訂單個菜單頁。如需自訂單個菜單頁的開啟檔案,請修改為自訂各菜單頁的查看方式

        image

      菜單展示樣式

      支援開啟或隱藏菜單展示、勾選顯示表徵圖並配置表徵圖的大小、常規狀態和選中狀態的菜單icon以及表徵圖與文本間間距image

      • 您可以自訂菜單在PC端移動端的顯示狀態。若選擇在移動端隱藏菜單,則相應的菜單及其子功能表將不再展示,而PC端的菜單展示不受影響。如需配置PC端的菜單展示,請在建立PC端資料門戶時進行相應設定。

        image

      • 菜單icon支援使用素材自訂圖片

        • 使用素材image

        • 自訂圖片

          支援上傳本地圖片(①)或通過圖片連結上傳(②)。image.png

  3. 單擊儲存,完成菜單配置。

主題配置

  1. 在資料門戶編輯頁,單擊右上方的image.png表徵圖並找到最下方切換模式的表徵圖進行資料門戶深淺主題模式切換。

    image

    說明

    深淺主題模式切換是按照帳號層級生效的,而不是模組層級生效。比如,試算表切換為淺色模式後,支援深淺主題模式切換的模組(儀表板、資料填報等)將同時變成淺色模式。

    淺色模式

    image

    深色模式

    image

    跟隨系統

    跟隨自訂配置裡的系統風格。

    image

    請參見系統主題定製

    說明

    僅組織管理裡可以在自訂配置裡設定系統風格,模組層級別的模式優先於組織層級生效。