使用TDesign Vue Next中的组件t-color-picker时,在颜色面板弹出后,如果修改里面的颜色,发现这个颜色拾取面板会随着颜色的改变位置不断抖动,该问题由显示颜色的数值文本的长度变化引起,因此要覆盖组件内部颜色值文本的宽度。当前设置的宽度为4.5em,这是假定颜色主要以HEX方式表示的,若有些形式的颜色值文本长度较长,应该根据需要调整。比如,若颜色值文本是RGB格式,则可将宽度调整为9em。
参考style如下:
.t-color-picker__trigger .t-input__wrap .t-input .t-input__inner {min-width: 4.5em !important;
}