From 5eda0685ed3e5a39b608a43985bfaf6c51cb4453 Mon Sep 17 00:00:00 2001
From: Pan <panfree23@gmail.com>
Date: Tue, 7 Nov 2017 11:41:59 +0800
Subject: [PATCH] add: add transition.css

---
 src/styles/index.scss      | 12 +-----------
 src/styles/transition.scss | 10 ++++++++++
 2 files changed, 11 insertions(+), 11 deletions(-)
 create mode 100644 src/styles/transition.scss

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;
+}