<template>
  <transition name="page-move">
    <router-view class="cube-view"/>
  </transition>
</template>

<script type="text/ecmascript-6">
export default {};
</script>

<style lang="less">
  .cube-view {
    // transform: translate(0, 0)
  }
  .page-move-enter, .page-move-leave-active {
    transform: translate(100%, 0)
  }
  .page-move-enter-active, .page-move-leave-active {
    transition: transform .3s
  }
</style>