diff --git a/style/web/components/select/_index.less b/style/web/components/select/_index.less index 093863b5c0..3456e414cc 100644 --- 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 index c031c50c5a..89344532c1 100644 --- 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;