vue-vben-admin icon indicating copy to clipboard operation
vue-vben-admin copied to clipboard

Bug: Page组件设置自动计算高度计算错误

Open lingyunzhizun opened this issue 1 year ago • 6 comments

Version

Vben Admin V5

Describe the bug?

Page组件设置自动计算高度计算错误 1、Footer设置为固定位置,计算高度多了Footer的高度 2、Footer设置为显示但是非固定位置时,页面修改热更新后,高度计算错误,多个Footer的高度

Reproduction

<Page auto-content-height>
    测试
</Page>

System Info

Chrome最新版本

Relevant log output

No response

Validations

lingyunzhizun avatar Oct 06 '24 04:10 lingyunzhizun

补充:整个页面全屏再恢复,这个计算也是错误的

lingyunzhizun avatar Oct 06 '24 07:10 lingyunzhizun

这个auto-content-height 实际就是把context 上面的那个高度拿来用了,但是那是可视化高度,是某种场景不包含底层栏的 比如先进入有滚动条页面 在进入auto-content-height 页面,然后body滚动条就出现了,高了一个底层栏的高度 并且也没有办法自适应,我重置窗口试了,并且表格aoto-reszie也试了,这么弄可能还得计算 不知道作者有什么好的方法吗

我暂时没用auto-content-height,直接加了class absolute 宽度和高度百分百 目前看是可行的

cbombonera avatar Oct 09 '24 05:10 cbombonera

期望得到的结果应该是怎么样的

linyouhang avatar Oct 12 '24 06:10 linyouhang

mark

LGX93 avatar Nov 19 '24 03:11 LGX93

mark

starryknight1231 avatar Dec 03 '24 01:12 starryknight1231

看了下源码,感觉要处理packages/effects/layouts/src/basic/footer/footer.vue文件,像packages/effects/common-ui/src/components/page/page.vue一样计算出 footer 组件的高度,然后在 page 组件中减去 footer 就行,刷新页面是先加载的 page,footer 较晚,这里应该控制先计算出 footer,再在 page 中减去就行了,但代码不知道怎么写了

wu-clan avatar May 23 '25 10:05 wu-clan