// 过渡
.fade {
  // 进入
  &-enter {
    opacity: 0;
    &-active {
      transition: opacity 0.28s;
    }
  }
  // 离开
  &-leave {
    &-active {
      opacity: 0;
      transition: opacity 0.28s;
    }
  }
  &-transform {
    &-enter {
      opacity: 0;
      transform: translateX(-30px);
      &-active {
        transition: all 0.5s;
      }
    }
    &-leave {
      &-to {
        opacity: 0;
        transform: translateX(30px);
      }
      &-active {
        transition: all 0.5s;
      }
    }
  }
}

// 面包屑过渡
.breadcrumb {
  &-enter {
    opacity: 0;
    transform: translateX(20px);
    &-active {
      transition: all 0.5s;
    }
  }
  &-leave {
    &-active {
      position: absolute;
      opacity: 0;
      transform: translateX(20px);
      transition: all 0.5s;
    }
  }
  &-move {
    transition: all 0.5s;
  }
}