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>


<script>
export default {
    name: 'app',
    mounted() {
      if(document.querySelector('#m_loading')) {
        document.querySelector('#m_loading').remove()
      }
    }
}
</script>

<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;
}

// /deep/.van-icon.van-icon-success{

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