From abbb41083ea1b6212b98fce5e19b047c4ef8ee15 Mon Sep 17 00:00:00 2001
From: jiangruowei <jiangruowei@youzan.com>
Date: Thu, 30 Mar 2017 17:40:08 +0800
Subject: [PATCH] feat: add transition animation

---
 packages/toast/src/toast.vue     | 2 +-
 packages/zanui-css/src/toast.css | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/packages/toast/src/toast.vue b/packages/toast/src/toast.vue
index 0e9c89035..fff1f45e0 100644
--- a/packages/toast/src/toast.vue
+++ b/packages/toast/src/toast.vue
@@ -1,5 +1,5 @@
 <template>
-  <transition name="zan-toast">
+  <transition name="zan-toast-fade">
     <div class="zan-toast-wrapper" v-show="visible">
       <div class="zan-toast" :class="['zan-toast--' + displayStyle]">
         <!-- 只显示文字 -->
diff --git a/packages/zanui-css/src/toast.css b/packages/zanui-css/src/toast.css
index bf030c483..0ee5f2477 100644
--- a/packages/zanui-css/src/toast.css
+++ b/packages/zanui-css/src/toast.css
@@ -50,3 +50,7 @@
     }
   }
 }
+
+.zan-toast-fade-enter, .zan-toast-fade-leave-active {
+  opacity: 0;
+}