FlexContainer 容器

一个垂直方向的 flex 容器组件，用于垂直方向布局。

上中下布局

:::demo

<template>
  <dg-flex-container class="container" style="height: 200px;">
    <header slot="header">头部min-height: 60px</header>
    <main>内容flex: 1</main>
    <footer slot="footer">底部</footer>
  </dg-flex-container>
</template>

:::

Scoped Slot

name	说明
header	头部 slot, 可选, 最小高度 60px
-	内容 slot, 可选, 高度 flex: 1
footer	底部 slot, 可选