mteacher/src/App.vue

<template>
  <div id="app">
    <transition name="fade">
        <keep-alive>
            <router-view v-if="$route.meta.keepAlive" />
        </keep-alive>
    </transition>
    <transition name="fade">
        <router-view v-if="!$route.meta.keepAlive"/>
    </transition>
  </div>
</template>

<style lang="less">
@import url('./assets/commonLess/common');
#app {
    font-family: 'Avenir', Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: #F3F4F8;
    // overflow-x: hidden;
    // overflow-y: auto;
    user-select: none;
     -webkit-text-size-adjust: none !important;
}


.fade-enter-active, .fade-leave-active {
  transition: opacity .5s
}
.fade-enter, .fade-leave-active {
  opacity: 0
}
body {
    -webkit-text-size-adjust: none !important;
}
</style>