fix(BackTop): resoleved border color error (#1367)

Tencent · Jun 6, 2023 · 108d94f · 108d94f
1 parent c30d196
commit 108d94f
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 4 deletions.
diff --git a/style/mobile/components/back-top/v2/_index.less b/style/mobile/components/back-top/v2/_index.less
@@ -26,9 +26,6 @@
     border-radius: @back-top-round-border-radius;
 
     &::after {
-
-      .hairline(@back-top-round-border-color);
-
       border-radius: @back-top-round-border-radius;
     }
   }
@@ -54,10 +51,21 @@
     right: 0;
 
     &::after {
+      border-radius: @back-top-half-round-border-radius 0 0 @back-top-half-round-border-radius;
+    }
+  }
 
+  &--round,
+  &--half-round {
+    &::after {
       .hairline(@back-top-round-border-color);
+    }
+  }
 
-      border-radius: @back-top-half-round-border-radius 0 0 @back-top-half-round-border-radius;
+  &--round-dark,
+  &--half-round-dark {
+    &::after {
+      .hairline(@back-top-round-dark-border-color);
     }
   }
 

diff --git a/style/mobile/components/back-top/v2/_var.less b/style/mobile/components/back-top/v2/_var.less
@@ -11,6 +11,7 @@
 @back-top-round-color: var(--td-back-top-round-color, @font-gray-1);
 @back-top-round-bg-color: var(--td-back-top-round-bg-color, @font-white-1);
 @back-top-round-border-color: var(--td-back-top-round-border-color, @component-border);
+@back-top-round-dark-border-color: var(--td-back-top-round-border-color, @font-gray-9);
 @back-top-round-border-radius: var(--td-back-top-round-border-radius, @radius-circle);
 @back-top-round-dark-color: var(--td-back-top-round-dark-color, @font-white-1);
 @back-top-round-dark-bg-color: var(--td-back-top-round-dark-bg-color, @gray-color-14);