fix

Author: zepang

examples/app.vue

@@ -3,6 +3,7 @@
     <!-- <img class="avatar" src="../src/assets/images/cache_user_icon.jpg" alt=""> -->
     <router-view></router-view>
     <!-- <lai-button @click.native="openModal">Modal</lai-button> -->
+    <lai-button @click.native="openAlert">Alert</lai-button>
   </div>
 </template>
 
@@ -26,6 +27,12 @@ export default {
         content: '12344444'
       })
       modal.open()
+    },
+    openAlert () {
+      this.$alert({
+        content: '122334',
+        duration: 2000
+      })
     }
   }
 }

src/components/alert/alertContent.vue

@@ -47,7 +47,7 @@ export default {
   opacity: 0;
 }
 .slide-enter-active, .slide-leave-active {
-  transition: .25s cubic-bezier(0.4, 0, 1, 1);
+  transition: transform .25s cubic-bezier(0.4, 0, 1, 1), opacity .1s ease-in;
 }
 .slide-leave-active  {
   transition-delay: 0s !important;