页面布局

Dux Refine 已经为你处理了头部、侧边栏、菜单等基础布局组件，你只需要自定义内容组件即可。

页面组件

你可以使用以下组件来包裹页面的内容：

jsx

import { Main } from '@duxweb/dux-refine'

<Main>
  {/* 内容区域 */}
</Main>

import { Main } from '@duxweb/dux-refine'

<Main>
  {/* 内容区域 */}
</Main>

页头组件包含面包屑导航，你可以在其中放置自定义的右侧组件：

jsx

import { Main, MainHeader } from '@duxweb/dux-refine'

<Main>
  <MainHeader>
    {/* 自定义的页头内容 */}
  </MainHeader>
  {/* 内容区域 */}
</Main>

import { Main, MainHeader } from '@duxweb/dux-refine'

<Main>
  <MainHeader>
    {/* 自定义的页头内容 */}
  </MainHeader>
  {/* 内容区域 */}
</Main>