diff --git a/src/components/widgets/toast.vue b/src/components/widgets/toast.vue
index b26f0f4..8dd0a8c 100644
--- a/src/components/widgets/toast.vue
+++ b/src/components/widgets/toast.vue
@@ -28,16 +28,24 @@ export default {
 </script>
 
 <style lang="less" scoped>
+@keyframes fadeIn {
+    0% {
+        opacity: 0;
+    }
+    100% {
+        opacity: 0.9;
+    }
+}
 .components-widgets-toast {
     z-index: 25;
     position: fixed;
     top: 50%;
     left: 0;
     right: 0;
-    transform: translateY(-50%);
     margin: 0 auto;
     text-align: center;
     max-width: 400rpx;
+    animation: fadeIn 0.35s forwards;
     .toast {
         display: inline-block;
         font-size: 28rpx;