<!--
 * @Description: 
 * @Author: Format-qi 283810417@qq.com
 * @Date: 2022-05-12 15:27:52
 * @LastEditors: Format-qi 283810417@qq.com
 * @LastEditTime: 2022-06-25 16:42:05
-->
<template>
  <div :class="[prefixCls, 'full']">
    <PageLayout />
  </div>
</template>
<script lang="ts">
  import { defineComponent } from 'vue';
  import PageLayout from '/_e/layouts/page/index.vue';
  import { useDesign } from '/@/hooks/web/useDesign';
  import { useContentViewHeight } from './useContentViewHeight';
  export default defineComponent({
    name: 'LayoutContent',
    components: { PageLayout },
    setup() {
      const { prefixCls } = useDesign('layout-content');

      useContentViewHeight();
      return {
        prefixCls,
      };
    },
  });
</script>
<style lang="less" scoped>
  @prefix-cls: ~'@{namespace}-layout-content';
  .@{prefix-cls}{
    position: relative;
    // margin: 20px 20px 20px 20px;
    background-color: @content-bg;
    flex: 1 1 auto;
    min-height: 0;

    &.fixed {
      width: 1200px;
      margin: 0 auto;
    }
  }
</style>
