Tencent / tdesign-vue

A Vue.js UI components lib for TDesign.
https://tdesign.tencent.com/vue
MIT License
887 stars 339 forks source link

[Input] prefix/suffix 字体大小未跟随组件 size 设定 #3171

Closed fython closed 1 month ago

fython commented 1 month ago

tdesign-vue 版本

1.9.3

重现链接

https://stackblitz.com/edit/yo4rvx?file=src%2Fdemo.vue

重现步骤

同时使用 prefix/suffixsize 属性:

<t-input
  v-model="count"
  size="small"
  label="价格:"
  type="number"
  suffix="元"
/>

期望结果

prefix/suffix 字体大小对齐

实际结果

image

实际渲染时 .t-input.t-size-s 定义的 font-size 值被 .t-input.t-input--prefix > .t-input__prefix 覆盖:

image

框架版本

Vue 2.x

浏览器版本

Chrome(124.0.6367.158)

系统版本

Windows 11

Node版本

No response

补充说明

No response

github-actions[bot] commented 1 month ago

👋 @fython,感谢给 TDesign 提出了 issue。 请根据 issue 模版确保背景信息的完善,我们将调查并尽快回复你。

fython commented 1 month ago

.t-input.t-input--prefix > .t-input__prefix 是否不需要单独定义 font-size?

uyarn commented 1 month ago

确实可以去掉 应该是没必要的 这个PR一起处理下? https://github.com/Tencent/tdesign-common/pull/1793/files