<template>
  <div id="app">
    <!-- <transition name="fade" mode="in-out"><router-view></router-view></transition> -->
    <router-view v-if="isRouterAlive">></router-view>
  </div>
</template>

<script>
export default {
    name: 'App',
    provide () {
        return {
            reload: this.reload
        }
    },
    data () {
        return {
            isRouterAlive: true
        }
    },
    methods: {
        reload () {
            this.isRouterAlive = false
            this.$nextTick(() => {
                this.isRouterAlive = true
            })
        }
    }
}
</script>

<style lang="less">
#app {
  height: 100%;
  white-space: normal;
  word-break: break-all;
}
.fade-enter {
  opacity: 0;
}
.fade-leave {
  opacity: 1;
}
.fade-enter-active {
  transition: all 0.2s ease;
}
.fade-leave-active {
  opacity: 0;
  transition: all 0.2s ease;
}

.v-transfer-dom {
  .weui-cells_radio {
    p {
      margin-bottom: 0;
    }
  }
}
</style>
