|
@@ -1,8 +1,6 @@
|
|
<template>
|
|
<template>
|
|
<div :class="[prefixCls, getLayoutContentMode]" v-loading="getOpenPageLoading && getPageLoading">
|
|
<div :class="[prefixCls, getLayoutContentMode]" v-loading="getOpenPageLoading && getPageLoading">
|
|
- <div :class="[prefixClsScroll]">
|
|
|
|
- <PageLayout />
|
|
|
|
- </div>
|
|
|
|
|
|
+ <PageLayout />
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
<script lang="ts" setup>
|
|
<script lang="ts" setup>
|
|
@@ -15,7 +13,6 @@
|
|
defineOptions({ name: 'LayoutContent' });
|
|
defineOptions({ name: 'LayoutContent' });
|
|
|
|
|
|
const { prefixCls } = useDesign('layout-content');
|
|
const { prefixCls } = useDesign('layout-content');
|
|
- const { prefixCls: prefixClsScroll } = useDesign('layout-content-scroll');
|
|
|
|
const { getOpenPageLoading } = useTransitionSetting();
|
|
const { getOpenPageLoading } = useTransitionSetting();
|
|
const { getLayoutContentMode, getPageLoading } = useRootSetting();
|
|
const { getLayoutContentMode, getPageLoading } = useRootSetting();
|
|
|
|
|
|
@@ -23,9 +20,11 @@
|
|
</script>
|
|
</script>
|
|
<style lang="less">
|
|
<style lang="less">
|
|
@prefix-cls: ~'@{namespace}-layout-content';
|
|
@prefix-cls: ~'@{namespace}-layout-content';
|
|
- @prefix-cls-scroll: ~'@{namespace}-layout-content-scroll';
|
|
|
|
|
|
|
|
.@{prefix-cls} {
|
|
.@{prefix-cls} {
|
|
|
|
+ display: flex;
|
|
|
|
+ position: relative;
|
|
|
|
+ flex-direction: column;
|
|
flex-grow: 1;
|
|
flex-grow: 1;
|
|
width: 100%;
|
|
width: 100%;
|
|
height: 0;
|
|
height: 0;
|