作者 刘元博

恢复翻页/切换路由滚动功能

@@ -50,3 +50,26 @@ export default { @@ -50,3 +50,26 @@ export default {
50 } 50 }
51 } 51 }
52 </style> 52 </style>
  53 +
  54 +<style lang="scss">
  55 +// fix css style bug in open el-dialog
  56 +.el-popup-parent--hidden {
  57 + .fixed-header {
  58 + padding-right: 6px;
  59 + }
  60 +}
  61 +
  62 +::-webkit-scrollbar {
  63 + width: 6px;
  64 + height: 6px;
  65 +}
  66 +
  67 +::-webkit-scrollbar-track {
  68 + background-color: #f1f1f1;
  69 +}
  70 +
  71 +::-webkit-scrollbar-thumb {
  72 + background-color: #c0c0c0;
  73 + border-radius: 3px;
  74 +}
  75 +</style>
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;