优化弹窗后导航栏偏移的问题(I3YMWW)

RuoYi

2023-03-17 3286323c8cb6f5e8d1a6862e9a5069dae781569d

优化弹窗后导航栏偏移的问题(I3YMWW)

 src/layout/components/AppMain.vue

@@ -42,12 +42,3 @@
  }

}

</style>



<style lang="scss">

// fix css style bug in open el-dialog

.el-popup-parent--hidden {

  .fixed-header {

    padding-right: 17px;

  }

}

</style>

 src/layout/index.vue

@@ -1,5 +1,6 @@
<template>

  <div :class="classObj" class="app-wrapper" :style="{ '--current-color': theme }">

    <el-scrollbar>

    <div v-if="device === 'mobile' && sidebar.opened" class="drawer-bg" @click="handleClickOutside"/>

    <sidebar v-if="!sidebar.hide" class="sidebar-container" />

    <div :class="{ hasTagsView: needTagsView, sidebarHide: sidebar.hide }" class="main-container">

@@ -10,6 +11,7 @@
      <app-main />

      <settings ref="settingRef" />

    </div>

    </el-scrollbar>

  </div>

</template>



@@ -72,6 +74,14 @@
  height: 100%;

  width: 100%;



  .el-scrollbar{

    height: 100%;

  }



  :deep(.el-scrollbar__wrap) {

    overflow-x: hidden;

  }



  &.mobile.openSidebar {

    position: fixed;

    top: 0;


 src/main.js

@@ -6,6 +6,7 @@
import locale from 'element-plus/lib/locale/lang/zh-cn' // 中文语言



import '@/assets/styles/index.scss' // global css



import App from './App'

import store from './store'

import router from './router'