这样书写后的效果是后退有效果，但是跳转没有从右侧滑到左侧的效果

<template>
  <!-- 转场太生硬用动画 -->
  <transition name="slide">
    <div class="singer-detail"></div>
  </transition>
</template>

<script>

</script>

<style scoped lang="stylus" rel="stylesheet/stylus">
  @import "~common/stylus/variable"

  .singer-detail
    position: fixed
    z-index: 100
    top: 0
    left: 0
    right: 0
    bottom: 0
    background: $color-background

  .slide-enter-active, .slide-leave-active
     transition: all 0.3s
  .slide-enter, .slide-leave-to
     transform: translate3d(100%, 0, 0)
</style>