tdesign icon indicating copy to clipboard operation
tdesign copied to clipboard

[TreeSelect] 菜单样式不对

Open Wen1kang opened this issue 3 years ago • 2 comments

tdesign 版本

Vue2 0.46.3|Vue3 0_20_4|React 0.40.6

重现链接

No response

重现步骤

No response

期望结果

1. Popup需要增加整体6px的padding

image

2. 批示文字左间距应该8px

image

实际结果

No response

框架版本

Vue2 0.46.3|Vue3 0_20_4|React 0.40.6

浏览器版本

No response

系统版本

No response

Node版本

No response

补充说明

No response

Wen1kang avatar Sep 08 '22 12:09 Wen1kang

针对问题 1,在 Select 组件 Vue2, Vue3 版中, treeSelect 完全无 padding,可以通过类名

 ${this.componentName}__dropdown-inner,
 ${this.componentName}__dropdown-inner--size-${sizeClassMap[size]}

对不同的大小。添加 6px, 8px, 4px padding,符合要求 1 但在 React 中,由于结构实现不一致,该组件回落至使用 t-popup__content 样式,即 padding: 4px 8px; 那这个问题应当是全部统一成 根据组件 size ,显示不同的 padding?


在 Vue 其他通过 popup 实现的组件中,padding 也并没有统一,例如 Select 组件仍然使用的默认 4 8 px padding。

fenbitou avatar Sep 15 '22 12:09 fenbitou

Vue2 & Vue3 已修改

fenbitou avatar Sep 21 '22 02:09 fenbitou