flex容器

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

上中下布局

头部min-height: 60px

内容flex: 1

底部

<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>

Expand Copy Copy

Scoped Slot

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