fix: bug#16114

This commit is contained in:
XieYongHong 2023-07-15 17:52:15 +08:00
parent 0d26cdbd93
commit 26502e78a5
2 changed files with 14 additions and 2 deletions

View File

@ -1,5 +1,5 @@
<template>
<div class='full-page-warp' ref='fullPage' :style='{ minHeight: `calc(100vh - ${y + 24}px)`}'>
<div ref='fullPage' :style="{ minHeight: MinHeight}" class='full-page-warp' >
<div class="full-page-warp-content">
<slot></slot>
</div>
@ -9,9 +9,21 @@
<script setup lang='ts' name='FullPage'>
import { useElementBounding } from '@vueuse/core'
const props = defineProps({
extraHeight: {
type: Number,
default: 0
}
})
const fullPage = ref(null)
const { y } = useElementBounding(fullPage)
const MinHeight = computed(() => {
const _y = (y.value < 0 ? 0 : y.value) + props.extraHeight
return `calc(100vh - ${_y + 24}px)`
})
</script>
<style scoped lang="less">

View File

@ -6,7 +6,7 @@
@search="(params:any)=>queryParams = {...params}"
style='margin-bottom: 0;'
/>
<FullPage>
<FullPage :extraHeight="24">
<j-pro-table
ref="tableRef"
:request="table.requestFun"