Blame view

src/layouts/default/content/index.vue 1.52 KB
vben authored
1
<template>
2
  <div :class="[prefixCls, getLayoutContentMode]" v-loading="getOpenPageLoading && getPageLoading">
vben authored
3
4
5
6
7
    <PageLayout />
  </div>
</template>
<script lang="ts">
  import { defineComponent } from 'vue';
8
  import PageLayout from '/@/layouts/page/index.vue';
vben authored
9
10
11
  import { useDesign } from '/@/hooks/web/useDesign';
  import { useRootSetting } from '/@/hooks/setting/useRootSetting';
  import { useTransitionSetting } from '/@/hooks/setting/useTransitionSetting';
12
  import { useContentViewHeight } from './useContentViewHeight';
vben authored
13
14
15

  export default defineComponent({
    name: 'LayoutContent',
16
    components: { PageLayout },
vben authored
17
18
19
20
    setup() {
      const { prefixCls } = useDesign('layout-content');
      const { getOpenPageLoading } = useTransitionSetting();
      const { getLayoutContentMode, getPageLoading } = useRootSetting();
21
22

      useContentViewHeight();
vben authored
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
      return {
        prefixCls,
        getOpenPageLoading,
        getLayoutContentMode,
        getPageLoading,
      };
    },
  });
</script>
<style lang="less">
  @prefix-cls: ~'@{namespace}-layout-content';

  .@{prefix-cls} {
    position: relative;
    flex: 1 1 auto;
    min-height: 0;
vben authored
39
wangzhi authored
40
    // begin: 下面这块代码 在我的项目打包后在比较宽的屏幕(2K 31 寸)有显示 bug 有偶发性 清缓存首次进入会出现 , 刷新就没了, 这里为什么要指定宽度 ?
vben authored
41
42
43
44
    &.fixed {
      width: 1200px;
      margin: 0 auto;
    }
wangzhi authored
45
    // end
vben authored
46
vben authored
47
    &-loading {
vben authored
48
49
      position: absolute;
      z-index: @page-loading-z-index;
vben authored
50
      top: 200px;
vben authored
51
52
53
    }
  }
</style>