仪表盘布局 - Nuxt UI Pro

用法

该 DashboardLayout 组件旨在作为布局的根组件。它确保所有 DashboardPanel 和 DashboardPage 之间的布局一致性。

layouts/default.vue

<template>
  <UDashboardLayout>
    <UDashboardPanel>
      <UDashboardNavbar />

      <UDashboardSidebar />
    </UDashboardPanel>

    <slot />
  </UDashboardLayout>
</template>

属性

DeepPartial<{ wrapper: string; }>

{}

配置

{
  wrapper: 'fixed inset-0 flex overflow-hidden'
}

DashboardCard

预制卡片，用于在仪表盘中显示统计数据、图表或任何您需要的数据。

DashboardModal

预制模态框，为您的仪表盘提供一致的样式。