123456789101112131415161718192021222324252627282930313233343536 |
- <template>
- <section class="app-main">
- <transition name="fade-transform" mode="out-in">
- <keep-alive :include="cachedViews">
- <router-view :key="key"></router-view>
- </keep-alive>
- </transition>
- </section>
- </template>
-
- <script>
- export default {
- name: "AppMain",
- computed: {
- cachedViews() {
- return this.$store.state.tagsView.cachedViews;
- },
- key() {
- return this.$route.fullPath;
- }
- }
- };
- </script>
-
- <style scoped>
- .app-main {
- /*84 = navbar + tags-view = 50 +34 */
- min-height: calc(100vh - 120px);
- position: relative;
- overflow: hidden;
- margin-top: 40px;
- background: #f6f8f9;
- }
- </style>
-
|