diff --git a/src/styles/index.scss b/src/styles/index.scss
index 039b6706..4c9fa845 100644
--- a/src/styles/index.scss
+++ b/src/styles/index.scss
@@ -1,4 +1,5 @@
 @import './mixin.scss';
+@import './transition.scss';
 @import './btn.scss';
 @import './element-ui.scss';
 @import './sidebar.scss';
@@ -109,17 +110,6 @@ code {
   }
 }
 
-//globl transition css
-.fade-enter-active,
-.fade-leave-active {
-  transition: opacity 0.28s;
-}
-
-.fade-enter,
-.fade-leave-active {
-  opacity: 0;
-}
-
 //main-container全局样式
 .app-container {
   padding: 20px;
diff --git a/src/styles/transition.scss b/src/styles/transition.scss
new file mode 100644
index 00000000..5d7b636e
--- /dev/null
+++ b/src/styles/transition.scss
@@ -0,0 +1,10 @@
+//globl transition css
+.fade-enter-active,
+.fade-leave-active {
+  transition: opacity 0.28s;
+}
+
+.fade-enter,
+.fade-leave-active {
+  opacity: 0;
+}