fix(overylay): fix style (#1521)

Co-authored-by: yaogengzhu <yaogengzhu@tencent.com>
Tencent · Jul 11, 2023 · 33a9f69 · 33a9f69
1 parent 1622f0f
commit 33a9f69
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 7 deletions.
diff --git a/style/mobile/components/overlay/v2/_index.less b/style/mobile/components/overlay/v2/_index.less
@@ -10,12 +10,16 @@
   bottom: 0;
   background-color: @overlay-bg-color;
   transition: opacity @overlay-transition-duration ease;
-}
+  opacity: 1;
 
-.t-fade-enter {
-  opacity: 0;
-}
+  &-enter-from,
+  &-leave-to {
+    opacity: 0;
+  }
 
-.t-fade-leave-to {
-  opacity: 0;
+  &-enter-active,
+  &-leave-active {
+    transition-property: opacity;
+    transition-timing-function: ease;
+  }
 }
diff --git a/style/mobile/components/overlay/v2/_var.less b/style/mobile/components/overlay/v2/_var.less
@@ -1,3 +1,4 @@
 @overlay: ~"@{prefix}-overlay";
-@overlay-bg-color: var(--td-overlay-bg-color, @font-gray-2);
+@overlay-zindex: var(--td-overlay-zindex, 1000);
+@overlay-bg-color: var(--td-overlay-bg-color, @font-gray-1);
 @overlay-transition-duration: var(--td-overlay-transition-duration, 300ms);