<!--
 * @Description: 最外层容器，子元素按1:1平铺
 * @Author: 王晓颖
 * @Date:2020-08-10 09:24:39
 -->
<template>
  <div class="panel-containers">
    <div class="panel-box">
      <slot></slot>
    </div>
  </div>
</template>

<script>
export default {
  name: 'Container'
}
</script>

<style rel="stylesheet/scss" lang="scss" scoped>
.panel-containers{
  width: 100%;
  height: auto;
  overflow: auto;
  .panel-box{
    height: 100%;
    display: flex;
    justify-content: center;
    color: #fff;
    div{
      flex: 1;
    }
  }
}
</style>