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

RuoYi

2023-03-18 33a0806cbee39162b49951a337ed01d6666c5d6c

 ruoyi-ui/src/layout/index.vue

@@ -1,17 +1,19 @@
<template>

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

    <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">

      <div :class="{'fixed-header':fixedHeader}">

        <navbar />

        <tags-view v-if="needTagsView" />

    <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">

        <div :class="{'fixed-header':fixedHeader}">

          <navbar/>

          <tags-view v-if="needTagsView"/>

        </div>

        <app-main/>

        <right-panel>

          <settings/>

        </right-panel>

      </div>

      <app-main />

      <right-panel>

        <settings />

      </right-panel>

    </div>

    </el-scrollbar>

  </div>

</template>



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

    width: 100%;



    .el-scrollbar{

      height: 100%;

    }



    ::v-deep .el-scrollbar__wrap {

      overflow-x: hidden;

    }



    &.mobile.openSidebar {

      position: fixed;

      top: 0;