feat: add transition animation

2025-04-06 03:57:59 +08:00 · 2017-03-30 17:40:08 +08:00 · 2017-03-30 17:40:08 +08:00 · abbb41083e
commit abbb41083e
parent b2886f8856
2 changed files with 5 additions and 1 deletions
--- 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]">
        <!-- 只显示文字 -->
--- 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;
+}