|
|
|
@ -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 @@ export default {
|
|
|
|
|
height: 100%;
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
|
|
|
|
.el-scrollbar{
|
|
|
|
|
height: 100%;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
::v-deep .el-scrollbar__wrap {
|
|
|
|
|
overflow-x: hidden;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&.mobile.openSidebar {
|
|
|
|
|
position: fixed;
|
|
|
|
|
top: 0;
|
|
|
|
|