performance-test/src/views/system/index.vue

<!--
 * @Author: your name
 * @Date: 2024-05-17 16:02:11
 * @LastEditTime: 2024-06-12 17:47:00
 * @LastEditors: bogon
 * @Description: In User Settings Edit
 * @FilePath: /dasheng/performance-test/src/views/system/index.vue
-->
<template>
  <div>
    <transition name="slide-fade">
      <router-view />
    </transition>
  </div>
</template>
<script></script>
<style scoped lang="scss">
.slide-fade-enter-active {
  transition: all 0.3s ease-out;
}
.slide-fade-leave-active {
  transition: all 0.5s cubic-bezier(1, 0.5, 0.6, 1);
}
.slide-fade-enter-from,
.slide-fade-leave-to {
  transform: translateX(50px);
  opacity: 0;
}
</style>