The Page component's outer container used min-h-full, which doesn't provide an explicit height for flex children. Combined with h-full on the content div, this caused the footer slot to overlap table content (Grid/vxe-table) because the content area didn't properly account for footer space in the flex column layout. Fix: 1. Change outer container from min-h-full to h-full — gives the flex container an explicit height so percentage heights resolve correctly. 2. Change content area from static h-full to flex-1 when autoContentHeight is false — lets the flex layout naturally distribute remaining space between content and footer. Closes #5494 Co-authored-by: jefsky <jefsky@users.noreply.github.com>
Effects 目录
effects 目录专门用于存放与轻微耦合相关的代码和逻辑。如果你的包具有以下特点,建议将其放置在 effects 目录下:
- 状态管理:使用状态管理框架
pinia,并包含处理副作用(如异步操作、API 调用)的部分。 - 用户偏好设置:使用
@vben-core/preferences处理用户偏好设置,涉及本地存储或浏览器缓存逻辑(如使用localStorage)。 - 导航和路由:处理导航、页面跳转等场景,需要管理路由变化的逻辑。
- 组件库依赖:包含与特定组件库紧密耦合或依赖大型仓库的部分。
通过将相关代码归类到 effects 目录,可以使项目结构更加清晰,便于维护和扩展。