|
1
|
<template>
|
1
|
<template>
|
|
2
|
<div :class="classObj" class="app-wrapper" :style="{'--current-color': theme}">
|
2
|
<div :class="classObj" class="app-wrapper" :style="{'--current-color': theme}">
|
|
3
|
- <div v-if="device==='mobile'&&sidebar.opened" class="drawer-bg" @click="handleClickOutside"/>
|
|
|
|
4
|
- <sidebar v-if="!sidebar.hide" class="sidebar-container"/>
|
|
|
|
5
|
- <div :class="{hasTagsView:needTagsView,sidebarHide:sidebar.hide}" class="main-container">
|
|
|
|
6
|
- <el-scrollbar>
|
|
|
|
7
|
- <div :class="{'fixed-header':fixedHeader}">
|
|
|
|
8
|
- <navbar/>
|
|
|
|
9
|
- <tags-view v-if="needTagsView"/>
|
|
|
|
10
|
- </div>
|
|
|
|
11
|
- <app-main/>
|
|
|
|
12
|
- <right-panel>
|
|
|
|
13
|
- <settings/>
|
|
|
|
14
|
- </right-panel>
|
|
|
|
15
|
- </el-scrollbar>
|
3
|
+ <div v-if="device==='mobile'&&sidebar.opened" class="drawer-bg" @click="handleClickOutside"/>
|
|
|
|
4
|
+ <sidebar v-if="!sidebar.hide" class="sidebar-container"/>
|
|
|
|
5
|
+ <div :class="{hasTagsView:needTagsView,sidebarHide:sidebar.hide}" class="main-container">
|
|
|
|
6
|
+ <div :class="{'fixed-header':fixedHeader}">
|
|
|
|
7
|
+ <navbar/>
|
|
|
|
8
|
+ <tags-view v-if="needTagsView"/>
|
|
16
|
</div>
|
9
|
</div>
|
|
|
|
10
|
+ <app-main/>
|
|
|
|
11
|
+ <right-panel>
|
|
|
|
12
|
+ <settings/>
|
|
|
|
13
|
+ </right-panel>
|
|
|
|
14
|
+ </div>
|
|
17
|
</div>
|
15
|
</div>
|
|
18
|
</template>
|
16
|
</template>
|
|
19
|
|
17
|
|
|
@@ -74,18 +72,6 @@ export default { |
|
@@ -74,18 +72,6 @@ export default { |
|
74
|
height: 100%;
|
72
|
height: 100%;
|
|
75
|
width: 100%;
|
73
|
width: 100%;
|
|
76
|
|
74
|
|
|
77
|
- .el-scrollbar{
|
|
|
|
78
|
- height: 100%;
|
|
|
|
79
|
- }
|
|
|
|
80
|
-
|
|
|
|
81
|
- ::v-deep .el-scrollbar__bar.is-vertical {
|
|
|
|
82
|
- z-index: 10;
|
|
|
|
83
|
- }
|
|
|
|
84
|
-
|
|
|
|
85
|
- ::v-deep .el-scrollbar__wrap {
|
|
|
|
86
|
- overflow-x: hidden;
|
|
|
|
87
|
- }
|
|
|
|
88
|
-
|
|
|
|
89
|
&.mobile.openSidebar {
|
75
|
&.mobile.openSidebar {
|
|
90
|
position: fixed;
|
76
|
position: fixed;
|
|
91
|
top: 0;
|
77
|
top: 0;
|