布局

基座统一提供布局组件提供了一系列布局组件，简化子应用开发的同时，保证视觉的统一。

管理端在布局上有规范的定义。现在基座实现了这些定义，并通过 Web Component 的形式暴露到子应用使用。

扩展插槽

基座提供了一些组件，供子应用扩展主界面的一些内容：

组件名称	描述
mfe-header-slot	头部扩展插槽
mfe-header-dropdown-menu	头像下拉列表扩展
mfe-sidebar-top-slot	侧边栏上方扩展插槽
mfe-sidebar-bottom-slot	侧边栏下方扩展插槽

使用示例：

<template>
  <div>
    <mfe-sidebar-bottom-slot>
      <div slot="collapse">折叠显示</div>
      <div slot="expand">展开显示</div>
    </mfe-sidebar-bottom-slot>
  </div>
</template>

WARNING

注意：mfe-* 是 Web Component 组件，slot 的使用方式和 vue 有些差别，必须使用 slot 属性，且不能用于 template

错误页面

基座也内置了错误页面，供子应用使用:

<template>
  <!-- 默认 404 -->
  <mfc-error-page-not-found />
</template>

<template>
  <!-- 默认 403 -->
  <mfc-error-page-forbidden />
</template>

<template>
  <!-- 默认 403 -->
  <mfc-error-page :image="可选，支持自定义图片" description="发现外星人">详细描述坐标</wkc-error-page>
</template>

自定义

自定义布局？ 完全可以，基座并没有限制子应用应该渲染什么内容。