dianliang/dl-sale-platform
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

将el-scrollbar移动到main-container下，避免鼠标移出时无法隐藏的问题

Browse Source
This commit is contained in:
e 2023-04-08 04:47:34 +08:00
parent a33090c90e
commit 0a670fdfd7
2 changed files with 11 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
ruoyi-ui/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;

4
ruoyi-ui/src/layout/index.vue
View File

@ -1,9 +1,9 @@
<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/> <navbar/>
<tags-view v-if="needTagsView"/> <tags-view v-if="needTagsView"/>
@ -12,9 +12,9 @@
<right-panel> <right-panel>
<settings/> <settings/>
</right-panel> </right-panel>
</div>
</el-scrollbar> </el-scrollbar>
</div> </div>
</div>
</template> </template>
<script> <script>