Syncfusion Vue UI Layout and Design Controls

SyncfusionUI 版面配置與設計控制JavaScript

用於建構 Vue 應用程式介面的版面配置與設計元件。

  • 使用 dashboard 與 split 版面配置元件來排列內容。
  • 透過 cards、lists 與 timelines 來分組並呈現內容。
  • 使用 overlays 與 UI hints 顯示情境資訊。
Syncfusion logo

起價:

載入中...
包含在以下產品
Syncfusion Essential Studio UI Component Suite載入中
Syncfusion Essential Studio Enterprise載入中
Syncfusion Vue UI Layout and Design Controls 產品圖片
Syncfusion Vue UI Layout and Design Controls 是一組專注於在 Vue 應用程式中建構頁面版面配置與呈現內容的元件集合。它支援以面板為基礎的版面配置、可調整大小的區域、內容分組、順序式呈現，以及情境式覆蓋層，協助開發人員使用 Vue 元件建立清晰且組織良好的使用者介面。

Dashboard Panel Layout

提供一個 dashboard 版面配置元件，用於在格線結構中排列面板。面板可以定位與調整大小，以建立可設定的工作區與資訊密集的應用程式檢視。

Resizable Split Regions

包含一個 splitter 元件，可將可用空間分割為可調整大小的窗格。並排的內容區域可動態調整，讓螢幕空間能更彈性地使用。

Card Based Content Grouping

提供 card 元件，用於將相關內容分組到結構化容器中。Cards 有助於建立視覺層級，並在各個 Vue 檢視中一致地組織內容區塊。

Overlay Content Containers

提供 modal dialog 元件，用於在覆蓋區域中呈現內容。補充資訊或聚焦資訊可在不改變底層頁面版面的情況下顯示。

Structured List Presentation

包含 list view 元件，用於以一致的版面呈現項目集合。重複內容可以透過範本化的列表結構清楚地組織。

Contextual UI Hints

提供 tooltip 元件，用於在介面元素附近顯示情境資訊。只有在需要時才會顯示額外細節，有助於保持版面整潔。

Sequential Content Layout

包含 timeline 元件，用於以順序式的視覺結構呈現項目。排序後的事件或步驟會以清楚且易讀的流程顯示。

Visual Identity Elements

提供 avatar 元件，用於顯示影像或縮寫等識別視覺元素。這些元素可支援在標題、列表與分組內容區域中維持一致的呈現。

產品相容性

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

元件類型

  • JavaScript

JavaScript 平台

  • Vue.js