优化避免鼠标移出时无法隐藏滚动条的问题

RuoYi

2023-04-10 1d14ade6b5b75b7f7e37958d95f8bb6a6dcc036d

优化避免鼠标移出时无法隐藏滚动条的问题

 src/assets/styles/sidebar.scss

@@ -1,7 +1,7 @@
#app {



  .main-container {

    min-height: 100%;

    height: 100%;

    transition: margin-left .28s;

    margin-left: $base-sidebar-width;

    position: relative;


 src/layout/index.vue

@@ -1,17 +1,17 @@
<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">

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

      <el-scrollbar>

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

          <navbar @setLayout="setLayout" />

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

        </div>

        <app-main />

        <settings ref="settingRef" />

      </div>

    </el-scrollbar>

      </el-scrollbar>

    </div> 
  </div>

</template>