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

提供用于在网格结构中排列面板的仪表板布局组件。面板可以定位和调整大小，以创建可配置的工作区和信息密集型应用视图。

Resizable Split Regions

包含一个 splitter 组件，可将可用空间划分为可调整大小的窗格。并排的内容区域可以动态调整，从而灵活利用屏幕空间。

Card Based Content Grouping

提供 card 组件，用于将相关内容分组到结构化容器中。Card 有助于建立视觉层次，并在各个 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