| | |
|---|
| | | <template> |
|---|
| | | <div :class="classObj" class="app-wrapper" :style="{'--current-color': theme}"> |
|---|
| | | <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> |
|---|
| | | <el-scrollbar> |
|---|
| | | <div :class="{'fixed-header':fixedHeader}"> |
|---|
| | | <navbar/> |
|---|
| | | <tags-view v-if="needTagsView"/> |
|---|
| | | </div> |
|---|
| | | <app-main/> |
|---|
| | | <right-panel> |
|---|
| | | <settings/> |
|---|
| | | </right-panel> |
|---|
| | | </el-scrollbar> |
|---|
| | | </div> |
|---|
| | | </el-scrollbar> |
|---|
| | | </div> |
|---|
| | | </template> |
|---|
| | | |
|---|
