RuoYi
2025-09-04 ac92ae3ae6842ac809fc3d53931a6db02d313fa6
修复固定头部时出现的导航栏偏移问题
2 files modified
25 ■■■■■ changed files
ruoyi-ui/src/layout/components/AppMain.vue 20 ●●●●● patch | view | raw | blame | history
ruoyi-ui/src/layout/index.vue 5 ●●●●● patch | view | raw | blame | history
ruoyi-ui/src/layout/components/AppMain.vue
@@ -53,12 +53,19 @@
  overflow: hidden;
}
.fixed-header + .app-main {
  overflow-y: auto;
  scrollbar-gutter: auto;
  height: calc(100vh - 50px);
  min-height: 0px;
}
.app-main:has(.copyright) {
  padding-bottom: 36px;
}
.fixed-header + .app-main {
  padding-top: 50px;
  margin-top: 50px;
}
.hasTagsView {
@@ -68,19 +75,14 @@
  }
  .fixed-header + .app-main {
    padding-top: 84px;
    margin-top: 84px;
    height: calc(100vh - 84px);
    min-height: 0px;
  }
}
</style>
<style lang="scss">
// fix css style bug in open el-dialog
.el-popup-parent--hidden {
  .fixed-header {
    padding-right: 6px;
  }
}
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
ruoyi-ui/src/layout/index.vue
@@ -77,6 +77,11 @@
    }
  }
  .main-container:has(.fixed-header) {
    height: 100vh;
    overflow: hidden;
  }
  .drawer-bg {
    background: #000;
    opacity: 0.3;