From b5ee3b7218faa464603d5aee82d90ab17fdf371e Mon Sep 17 00:00:00 2001
From: "lei.jiang" <jianglei19940909@126.com>
Date: Tue, 30 Jan 2018 09:17:46 +0800
Subject: [PATCH] 1.treeTable animate

---
 src/components/TreeTable/index.vue | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/components/TreeTable/index.vue b/src/components/TreeTable/index.vue
index 071352a8..c33fc886 100644
--- a/src/components/TreeTable/index.vue
+++ b/src/components/TreeTable/index.vue
@@ -66,7 +66,7 @@ export default {
     showRow: function(row) {
       const show = (row.row.parent ? (row.row.parent._expanded && row.row.parent._show) : true)
       row.row._show = show
-      return show ? '' : 'display:none;'
+      return show ? 'animation:treeTableShow 1s;-webkit-animation:treeTableShow 1s;' : 'display:none;'
     },
     // 切换下级是否展开
     toggleExpanded: function(trIndex) {
@@ -80,6 +80,16 @@ export default {
   }
 }
 </script>
+<style rel="stylesheet/css">
+  @keyframes treeTableShow {
+    from {opacity: 0;}
+    to {opacity: 1;}
+  }
+  @-webkit-keyframes treeTableShow {
+    from {opacity: 0;}
+    to {opacity: 1;}
+  }
+</style>
 
 <style lang="scss" rel="stylesheet/scss" scoped>
   $color-blue: #2196F3;