diff --git a/packages/theme/src/dropdown/index.less b/packages/theme/src/dropdown/index.less index 0d61d95580..d24b63bf3b 100644 --- a/packages/theme/src/dropdown/index.less +++ b/packages/theme/src/dropdown/index.less @@ -26,13 +26,20 @@ font-size: var(--tv-Dropdown-font-size); line-height: var(--tv-Dropdown-line-height); - span { - display: inline-block; - } - &__trigger { + display: inline-flex; + align-items: center; + + .tiny-dropdown__prefix-inner { + display: inline-flex; + align-items: center; + margin-right: var(--tv-Dropdown-icon-margin-x); + } + .tiny-dropdown__suffix-inner { - margin-left: var(--tv-Dropdown-icon-margin-left); + display: inline-flex; + align-items: center; + margin-left: var(--tv-Dropdown-icon-margin-x); .@{svg-prefix-cls} { fill: var(--tv-Dropdown-icon-color-link); @@ -69,7 +76,7 @@ /* 按钮组 */ .@{css-prefix}button-group { - display: block; + display: inline-flex; .@{dropdown-prefix-cls}__title-button { padding: var(--tv-Dropdown-title-button-padding); diff --git a/packages/theme/src/dropdown/vars.less b/packages/theme/src/dropdown/vars.less index e458c3ac1d..6bf30962ac 100644 --- a/packages/theme/src/dropdown/vars.less +++ b/packages/theme/src/dropdown/vars.less @@ -15,7 +15,7 @@ // 触发源的图标尺寸(纯图标按钮) --tv-Dropdown-icon-size-only-svg: 24px; // 触发源图标的左侧外边距 - --tv-Dropdown-icon-margin-left: var(--tv-space-base, 4px); + --tv-Dropdown-icon-margin-x: var(--tv-space-base, 4px); // 默认按钮图标颜色 --tv-Dropdown-icon-color: var(--tv-color-icon, #808080);