diff --git a/style/mobile/components/_index.less b/style/mobile/components/_index.less
index ad2c1b2c3d..d1a9a4f4c1 100644
--- a/style/mobile/components/_index.less
+++ b/style/mobile/components/_index.less
@@ -30,7 +30,7 @@
 
 @import "./toast/_index.less";
 
-@import "./overlay/_index.less";
+// @import "./overlay/_index.less";
 
 @import "./tag/_index.less";
 
diff --git a/style/mobile/components/overlay/v2/_animate.less b/style/mobile/components/overlay/v2/_animate.less
new file mode 100644
index 0000000000..be02cba407
--- /dev/null
+++ b/style/mobile/components/overlay/v2/_animate.less
@@ -0,0 +1,51 @@
+@import "../../../base.less";
+
+// Mobile React: CSSTransition
+
+.@{prefix}-overlay-fade-enter,
+.@{prefix}-overlay-fade-appear {
+  opacity: 0;
+  animation-fill-mode: both;
+  animation-timing-function: linear;
+  animation-play-state: paused;
+}
+
+.@{prefix}-overlay-fade-exit {
+  animation-fill-mode: both;
+  animation-timing-function: linear;
+  animation-play-state: paused;
+}
+
+.@{prefix}-overlay-fade-enter.@{prefix}-overlay-fade-enter-active,
+.@{prefix}-overlay-fade-enter.@{prefix}-overlay-fade-enter-active.@{prefix}-overlay-fade-enter-to,
+.@{prefix}-overlay-fade-appear.@{prefix}-overlay-fade-appear-active,
+.@{prefix}-overlay-fade-appear.@{prefix}-overlay-fade-appear-active.@{prefix}-overlay-fade-appear-to {
+  animation-name: tOverlayFadeIn;
+  animation-play-state: running;
+}
+
+.@{prefix}-overlay-fade-exit.@{prefix}-overlay-fade-exit-active,
+.@{prefix}-overlay-fade-leave-active.@{prefix}-overlay-fade-leave-to {
+  animation-name: tOverlayFadeOut;
+  animation-play-state: running;
+}
+
+@keyframes tOverlayFadeIn {
+  0% {
+    opacity: 0;
+  }
+
+  100% {
+    opacity: 1;
+  }
+}
+
+@keyframes tOverlayFadeOut {
+  0% {
+    opacity: 1;
+  }
+
+  100% {
+    opacity: 0;
+  }
+}
diff --git a/style/mobile/components/overlay/v2/_index.less b/style/mobile/components/overlay/v2/_index.less
index 1d085d2b8d..ffc1046ca0 100644
--- a/style/mobile/components/overlay/v2/_index.less
+++ b/style/mobile/components/overlay/v2/_index.less
@@ -2,6 +2,8 @@
 
 @import "./_var.less";
 
+@import "./_animate.less";
+
 .@{overlay} {
   position: fixed;
   top: 0;
@@ -9,9 +11,8 @@
   width: 100%;
   bottom: 0;
   background-color: @overlay-bg-color;
-  transition: opacity @overlay-transition-duration ease;
-  opacity: 1;
 
+  // Mobile Vue: Transition
   &-enter-from,
   &-leave-to {
     opacity: 0;
@@ -22,4 +23,8 @@
     transition-property: opacity;
     transition-timing-function: ease;
   }
+
+  &-overflow-hidden {
+    overflow: hidden;
+  }
 }
diff --git a/style/mobile/components/overlay/v2/_var.less b/style/mobile/components/overlay/v2/_var.less
index a302607d28..8ce8590099 100644
--- a/style/mobile/components/overlay/v2/_var.less
+++ b/style/mobile/components/overlay/v2/_var.less
@@ -1,4 +1,3 @@
 @overlay: ~"@{prefix}-overlay";
 @overlay-zindex: var(--td-overlay-zindex, 1000);
 @overlay-bg-color: var(--td-overlay-bg-color, @text-color-secondary);
-@overlay-transition-duration: var(--td-overlay-transition-duration, 300ms);