<template>
  <div class="main-framework--hide">
    <div class="main-framework--hide__tabs" v-show="withTabs === true">
<!--      维持缓存功能，但是不展示-->
      <slot name="tabs"></slot>
    </div>
    <main class="main-framework--hide__main main-framework__main">
      <slot></slot>
    </main>
  </div>
</template>
<script>
import { defineComponent } from 'vue'
export default defineComponent({
  name: 'MainFrameworkHide',
  props: {
    withTabs: Boolean
  }
})
</script>
<style lang="less">

.main-framework--hide{
  height: 100%;
  &__tabs{
    display: none;
  }
  &__main{
    height: 100%
  }
}
</style>
