fix(Select): loading 配合触底事件 onScrollToBottom 一起使用的问题

Tencent · Sep 30, 2024 · 1ee617f · 1ee617f
1 parent 8a6a788
commit 1ee617f
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git a/style/web/components/select/_index.less b/style/web/components/select/_index.less
@@ -93,15 +93,15 @@
 
 .@{prefix}-select__loading-tips {
   position: fixed;
-  top: var(--td-comp-margin-s);
+  top: @select-loading-tips-padding;
   left: 0;
-  bottom: var(--td-comp-margin-s);
+  bottom: @select-loading-tips-padding;
   right: 0;
   display: flex;
   align-items: center;
   justify-content: center;
-  background-color: var(--td-bg-color-container);
-  border-radius: var(--td-radius-medium);
+  background-color: @select-loading-tips-bg-color;
+  border-radius: @select-border-radius;
   min-height: @select-height-default;
   line-height: @select-height-default;
   color: @select-color-empty;

diff --git a/style/web/components/select/_var.less b/style/web/components/select/_var.less
@@ -22,6 +22,7 @@
 @select-option-checkbox-label-color-hover: inherit;
 @select-option-checkbox-input-color-hover: @brand-color;
 @select-right-icon-hover: @brand-color;
+@select-loading-tips-bg-color: @bg-color-container;
 
 // 尺寸
 @select-height-s: @comp-size-xs;
@@ -61,3 +62,4 @@
 @select-dropdown-margin: @comp-paddingTB-s 0;
 @select-options-margin-top: @comp-paddingTB-xxs;
 @select-empty-padding: 0 @comp-paddingLR-s;
+@select-loading-tips-padding: @comp-paddingTB-s;