| | |
| | | <section class="app-main"> |
| | | <transition name="fade-transform" mode="out-in"> |
| | | <keep-alive :include="cachedViews"> |
| | | <router-view :key="key" /> |
| | | <router-view v-if="!$route.meta.link" :key="key" /> |
| | | </keep-alive> |
| | | </transition> |
| | | <iframe-toggle /> |
| | | </section> |
| | | </template> |
| | | |
| | | <script> |
| | | import iframeToggle from "./IframeToggle/index" |
| | | |
| | | export default { |
| | | name: 'AppMain', |
| | | components: { iframeToggle }, |
| | | computed: { |
| | | cachedViews() { |
| | | return this.$store.state.tagsView.cachedViews |
| | |
| | | overflow: hidden; |
| | | } |
| | | |
| | | .fixed-header+.app-main { |
| | | .fixed-header + .app-main { |
| | | padding-top: 50px; |
| | | } |
| | | |
| | |
| | | min-height: calc(100vh - 84px); |
| | | } |
| | | |
| | | .fixed-header+.app-main { |
| | | .fixed-header + .app-main { |
| | | padding-top: 84px; |
| | | } |
| | | } |