github_mirrors/vue-vben-admin
1
0
Fork 0
mirror of https://github.com/vbenjs/vue-vben-admin.git synced 2025-02-03 02:54:40 +08:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

fix(PageWrapper): 修复headerSticky样式 (#3569)

Browse Source
This commit is contained in:
苗大 2024-01-24 09:03:15 +08:00 committed by GitHub
parent a1e862bde7
commit 778ebe1f44
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 11 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
src/components/Page/src/PageWrapper.vue
View File

@ -34,25 +34,24 @@
</div>
</template>
<script lang="ts" setup>
import { PageWrapperFixedHeightKey } from '@/enums/pageEnum';
import { useContentHeight } from '@/hooks/web/useContentHeight';
import { useDesign } from '@/hooks/web/useDesign';
import { propTypes } from '@/utils/propTypes';
import { PageHeader } from 'ant-design-vue';
import { omit } from 'lodash-es';
import {
CSSProperties,
PropType,
provide,
computed,
watch,
provide,
ref,
unref,
useAttrs,
useSlots,
watch,
} from 'vue';
import PageFooter from './PageFooter.vue';
import { useDesign } from '@/hooks/web/useDesign';
import { propTypes } from '@/utils/propTypes';
import { omit } from 'lodash-es';
import { PageHeader } from 'ant-design-vue';
import { useContentHeight } from '@/hooks/web/useContentHeight';
import { useLayoutHeight } from '@/layouts/default/content/useContentViewHeight';
import { PageWrapperFixedHeightKey } from '@/enums/pageEnum';
defineOptions({
name: 'PageWrapper',
@ -114,7 +113,6 @@
];
});
const { headerHeightRef } = useLayoutHeight();
const getHeaderStyle = computed((): CSSProperties => {
const { headerSticky } = props;
if (!headerSticky) {
@ -123,7 +121,8 @@
return {
position: 'sticky',
top: `${unref(headerHeightRef)}px`,
top: 0,
zIndex: 99,
...props.headerStyle,
};
});

2
src/views/demo/page/desc/high/index.vue
View File

@ -1,5 +1,5 @@
<template>
<PageWrapper title="单号：234231029431" contentBackground>
<PageWrapper title="单号：234231029431" contentBackground headerSticky>
<template #extra>
<a-button> 操作一 </a-button>
<a-button> 操作二 </a-button>