| <!-- |
| |
| Licensed under the Apache License, Version 2.0 (the "License"); |
| you may not use this file except in compliance with the License. |
| You may obtain a copy of the License at |
| |
| http://www.apache.org/licenses/LICENSE-2.0 |
| |
| Unless required by applicable law or agreed to in writing, software |
| distributed under the License is distributed on an "AS IS" BASIS, |
| WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
| See the License for the specific language governing permissions and |
| limitations under the License. |
| |
| --> |
| <template> |
| <section class="app-main"> |
| <transition name="fade-transform" mode="out-in"> |
| <keep-alive :include="cachedViews"> |
| <router-view :key="key"/> |
| </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 - 84px); |
| width: 100%; |
| position: relative; |
| overflow: hidden; |
| } |
| </style> |
| |