Main.vue 503 B

12345678910111213141516171819202122232425262728
  1. <template>
  2. <section class="main">
  3. <transition name="fade-transform" mode="out-in">
  4. <router-view/>
  5. </transition>
  6. </section>
  7. </template>
  8. <script>
  9. export default {
  10. name: 'Main',
  11. computed: {
  12. // key() {
  13. // return this.$route.name !== undefined ? this.$route.name + +new Date() : this.$route + +new Date()
  14. // }
  15. }
  16. }
  17. </script>
  18. <style scoped>
  19. .main {
  20. /*50 = navbar */
  21. min-height: calc(100% - 70px);
  22. width: 100%;
  23. position: relative;
  24. overflow: hidden;
  25. }
  26. </style>