lucas
/
RuoYi-Vue3
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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

This commit is contained in:
RuoYi 2023-04-10 18:33:40 +08:00
parent a4289fa8c3
commit 1d14ade6b5
2 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/assets/styles/sidebar.scss
View File

@ -1,7 +1,7 @@
#app { #app {
.main-container { .main-container {
min-height: 100%; height: 100%;
transition: margin-left .28s; transition: margin-left .28s;
margin-left: $base-sidebar-width; margin-left: $base-sidebar-width;
position: relative; position: relative;

12
src/layout/index.vue
View File

@ -1,17 +1,17 @@
<template> <template>
<div :class="classObj" class="app-wrapper" :style="{ '--current-color': theme }"> <div :class="classObj" class="app-wrapper" :style="{ '--current-color': theme }">
<el-scrollbar> <div v-if="device === 'mobile' && sidebar.opened" class="drawer-bg" @click="handleClickOutside"/>
<div v-if="device === 'mobile' && sidebar.opened" class="drawer-bg" @click="handleClickOutside"/> <sidebar v-if="!sidebar.hide" class="sidebar-container" />
<sidebar v-if="!sidebar.hide" class="sidebar-container" /> <div :class="{ hasTagsView: needTagsView, sidebarHide: sidebar.hide }" class="main-container">
<div :class="{ hasTagsView: needTagsView, sidebarHide: sidebar.hide }" class="main-container"> <el-scrollbar>
<div :class="{ 'fixed-header': fixedHeader }"> <div :class="{ 'fixed-header': fixedHeader }">
<navbar @setLayout="setLayout" /> <navbar @setLayout="setLayout" />
<tags-view v-if="needTagsView" /> <tags-view v-if="needTagsView" />
</div> </div>
<app-main /> <app-main />
<settings ref="settingRef" /> <settings ref="settingRef" />
</div> </el-scrollbar>
</el-scrollbar> </div>
</div> </div>
</template> </template>