From 2301280c4d21afac7cb7d4c91f56c50db9e66626 Mon Sep 17 00:00:00 2001
From: RuoYi <yzz_ivy@163.com>
Date: Thu, 18 Dec 2025 14:42:34 +0800
Subject: [PATCH] 默认固定头部
---
ruoyi-ui/src/settings.js | 2 +-
ruoyi-ui/src/layout/components/AppMain.vue | 33 +++++++++++++++++++++++++++++++++
2 files changed, 34 insertions(+), 1 deletions(-)
diff --git a/ruoyi-ui/src/layout/components/AppMain.vue b/ruoyi-ui/src/layout/components/AppMain.vue
index b345dd0..2b9987e 100644
--- a/ruoyi-ui/src/layout/components/AppMain.vue
+++ b/ruoyi-ui/src/layout/components/AppMain.vue
@@ -80,6 +80,39 @@
min-height: 0px;
}
}
+
+/* 移动端fixed-header优化 */
+@media screen and (max-width: 991px) {
+ .fixed-header + .app-main {
+ padding-bottom: max(60px, calc(constant(safe-area-inset-bottom) + 40px));
+ padding-bottom: max(60px, calc(env(safe-area-inset-bottom) + 40px));
+ overscroll-behavior-y: none;
+ }
+
+ .hasTagsView .fixed-header + .app-main {
+ padding-bottom: max(60px, calc(constant(safe-area-inset-bottom) + 40px));
+ padding-bottom: max(60px, calc(env(safe-area-inset-bottom) + 40px));
+ overscroll-behavior-y: none;
+ }
+}
+
+@supports (-webkit-touch-callout: none) {
+ @media screen and (max-width: 991px) {
+ .fixed-header + .app-main {
+ padding-bottom: max(17px, calc(constant(safe-area-inset-bottom) + 10px));
+ padding-bottom: max(17px, calc(env(safe-area-inset-bottom) + 10px));
+ height: calc(100svh - 50px);
+ height: calc(100dvh - 50px);
+ }
+
+ .hasTagsView .fixed-header + .app-main {
+ padding-bottom: max(17px, calc(constant(safe-area-inset-bottom) + 10px));
+ padding-bottom: max(17px, calc(env(safe-area-inset-bottom) + 10px));
+ height: calc(100svh - 84px);
+ height: calc(100dvh - 84px);
+ }
+ }
+}
</style>
<style lang="scss">
diff --git a/ruoyi-ui/src/settings.js b/ruoyi-ui/src/settings.js
index 3a2d5bd..2aacf2c 100644
--- a/ruoyi-ui/src/settings.js
+++ b/ruoyi-ui/src/settings.js
@@ -32,7 +32,7 @@
/**
* 是否固定头部
*/
- fixedHeader: false,
+ fixedHeader: true,
/**
* 是否显示logo
--
Gitblit v1.9.3