sl-sfy-safety/src/components/VerticalFlexLayout.vue

<!-- 
 布局
static slot 是传入固定高度，比如面包屑
default slot 是传入高度自动撑开部分 
-->
<template>
  <div class="flexWrapper">
    <div class="staticContent">
      <slot name="static"></slot>
    </div>

    <div class="flexContent">
      <slot></slot>
    </div>
  </div>
</template>

<style scoped>
  .flexWrapper {
    display: flex;
    flex-direction: column;
    height: 100%;
  }
  .staticContent {
    flex-shrink: 0;
  }
  .flexContent {
    flex: 1;
    overflow-y: auto;
    background-color: #fff;
  }
</style>