<!--
 * @Author: WangJiaCheng
 * @Date: 2021-05-11 18:15:35
 * @LastEditors: wjc
 * @LastEditTime: 2021-12-02 17:14:32
 * @Description:
-->
<template>
  <div class="main-content">
    <slot />
  </div>
</template>

<script>
export default {
  name: 'MainContent',
  props: {
    title: {
      type: String,
      default: ''
    }
  }
}
</script>

<style lang="less">
  .main-content {
    margin: 8px;
    padding: 12px;
    background: #fff;
    overflow-y: auto;
    height: ~"calc(100% - 40px)";
    flex-grow: 1;
  }
</style>
