|
|
@ -1,5 +1,6 @@
|
|
|
|
<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">
|
|
|
@ -10,6 +11,7 @@
|
|
|
|
<app-main />
|
|
|
|
<app-main />
|
|
|
|
<settings ref="settingRef" />
|
|
|
|
<settings ref="settingRef" />
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</el-scrollbar>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</template>
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
|
@ -72,6 +74,14 @@ function setLayout() {
|
|
|
|
height: 100%;
|
|
|
|
height: 100%;
|
|
|
|
width: 100%;
|
|
|
|
width: 100%;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.el-scrollbar{
|
|
|
|
|
|
|
|
height: 100%;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
:deep(.el-scrollbar__wrap) {
|
|
|
|
|
|
|
|
overflow-x: hidden;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
&.mobile.openSidebar {
|
|
|
|
&.mobile.openSidebar {
|
|
|
|
position: fixed;
|
|
|
|
position: fixed;
|
|
|
|
top: 0;
|
|
|
|
top: 0;
|
|
|
|