fix(back-top): 返回顶部按钮，增加 iphone 底部安全区 #2411 (#2457)

* fix(back-top): add safe-area-inset-bottom 返回顶部按钮，避让开 iphone 底部安全区 #2411 * fix(back-top): add safe-area-inset-bottom 返回顶部按钮，避让开 iphone 底部安全区 * fix(back-top): add safe-area-inset-bottom 返回顶部按钮，避让开 iphone 底部安全区 fix #2411
Tencent · Dec 1, 2023 · 8d5429d · 8d5429d
1 parent 5f273c1
commit 8d5429d
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/src/back-top/back-top.less b/src/back-top/back-top.less
@@ -8,8 +8,9 @@
 @back-top-half-round-width: 120rpx;
 @back-top-half-round-height: 80rpx;
 @back-top-fixed-right: @spacer;
-@back-top-fixed-bottom: @spacer-2;
-
+@safe-area-inset-bottom: constant(safe-area-inset-bottom);
+@safe-area-inset-bottom: env(safe-area-inset-bottom);
+@back-top-fixed-bottom: calc(@spacer-2 + @safe-area-inset-bottom);
 @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);