| | |
| | | <section class="app-main">
|
| | | <router-view v-slot="{ Component, route }">
|
| | | <transition name="fade-transform" mode="out-in">
|
| | | <keep-alive :include="tagsViewStore.cachedViews">
|
| | | <component v-if="!route.meta.link" :is="Component" :key="route.path"/>
|
| | | </keep-alive>
|
| | | <div v-if="!route.meta.link" class="route-view-wrapper">
|
| | | <keep-alive :include="tagsViewStore.cachedViews">
|
| | | <component :is="Component" :key="route.path"/>
|
| | | </keep-alive>
|
| | | </div>
|
| | | <div v-else class="route-view-wrapper"></div>
|
| | | </transition>
|
| | | </router-view>
|
| | | <iframe-toggle />
|
| | |
| | | width: 100%;
|
| | | position: relative;
|
| | | overflow: hidden;
|
| | | background: transparent;
|
| | | }
|
| | |
|
| | | .route-view-wrapper {
|
| | | width: 100%;
|
| | | height: 100%;
|
| | | padding: 120px 16px 24px 0;
|
| | | }
|
| | |
|
| | | .fixed-header + .app-main {
|
| | | padding-top: 50px;
|
| | | padding-top: 0;
|
| | | }
|
| | |
|
| | | .hasTagsView {
|
| | |
| | | }
|
| | |
|
| | | .fixed-header + .app-main {
|
| | | padding-top: 84px;
|
| | | padding-top: 0;
|
| | | }
|
| | | }
|
| | | </style>
|
| | |
| | | }
|
| | |
|
| | | ::-webkit-scrollbar-track {
|
| | | background-color: #f1f1f1;
|
| | | background-color: rgba(218, 225, 220, 0.8);
|
| | | }
|
| | |
|
| | | ::-webkit-scrollbar-thumb {
|
| | | background-color: #c0c0c0;
|
| | | background-color: #b2bdb5;
|
| | | border-radius: 3px;
|
| | | }
|
| | | </style>
|