DevExtreme Vue UI Layout and Design Controls

DevExpressUI 版面配置與設計控制JavaScript

適用於結構化、響應式 Vue 應用程式的版面配置與設計元件。

  • 用於頁面版面配置、導覽與視覺結構的 Vue 元件。
  • 支援響應式設計與自適應使用者介面模式。
  • 專為儀表板、表單與複雜應用程式版面配置而設計。
DevExpress logo

起價:

載入中...
包含在以下產品
DevExtreme Complete載入中
DevExpress DXperience載入中
DevExpress Universal載入中
DevExpress VCL Subscription +載入中
需要幫助選擇嗎？ 請查看 如何購買 和 規格
DevExtreme Vue UI Layout and Design Controls 產品圖片
DevExtreme Vue UI 版面配置與設計控制項提供用於在 Vue 專案中結構化、組織與呈現應用程式內容的元件。它支援響應式版面配置、導覽樣式與視覺容器，協助開發人員為儀表板、資料驅動檢視以及多區段應用程式建立一致的介面。

響應式版面配置容器

提供用於透過彈性且自適應的版面配置來排列內容的容器元件。它支援響應式行為，可在不同螢幕尺寸與裝置間調整間距、對齊與結構。

面板與卡片元件

可將相關內容分組到面板與卡片樣式容器中。它支援標題、頁尾與可自訂的內容區域，用於組織資訊密集的使用者介面。

分隔器與可調整大小區域

允許將版面配置分割為可調整大小的區域，讓使用者可互動式地進行調整。它支援垂直與水平分割，適用於複雜工作區。

分頁導覽版面配置

提供以分頁為基礎的版面配置元件，用於將內容組織成邏輯區段。它支援動態分頁管理，並可與導覽與路由邏輯整合。

抽屜與側邊導覽

提供抽屜與側邊面板元件，用於導覽選單與次要內容。它支援可收合行為，以及適用於桌面與行動版面配置的響應式呈現。

手風琴與可收合區段

可建立可展開與可收合的內容區段，以管理垂直空間。它支援在表單、儀表板與設定畫面中逐步揭露資訊。

彈出視窗與覆疊版面配置

提供用於對話框、通知與暫時性內容的彈出視窗與覆疊容器。它支援在應用程式版面配置中進行定位、層疊與互動控制。

自適應與主題化樣式支援

透過可與應用程式主題整合的自適應樣式選項，支援一致的視覺設計。它有助於在不同元件與呈現情境之間維持版面配置一致性。

產品相容性

請查看以下詳細資訊，以確保此產品在您的環境中受支援。

元件類型

  • JavaScript

JavaScript 平台

  • Vue.js