opentiny
/
tiny-vue
2
0
Fork 30
Code Issues Pull Requests 7 Packages Projects Releases Wiki Activity

fix(textarea): Update the background color and related styles of the counter (#3387) 

* fix(textarea): 更新计数器背景颜色和相关样式

* fix(theme): 修正vars.less中的背景颜色变量和格式问题
This commit is contained in:
ajaxzheng 2025-05-08 09:31:00 +08:00 committed by GitHub
parent 39e2795bce
commit aae01e8218
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
4 changed files with 8 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
.github/workflows/test-e2e-pr.yml vendored
View File

@ -106,7 +106,8 @@ jobs:
'transfer-panel': 'transfer', 'transfer-panel': 'transfer',
'col': 'layout', 'col': 'layout',
'row': 'layout', 'row': 'layout',
'svgs': 'icon' 'svgs': 'icon',
'textarea': 'input'
}; };
// 从文件路径中提取组件名称 // 从文件路径中提取组件名称

3
packages/theme/src/textarea/index.less
View File

@ -65,9 +65,8 @@
line-height: 1.5; line-height: 1.5;
bottom: 1px; bottom: 1px;
right: var(--tv-Textarea-count-right); right: var(--tv-Textarea-count-right);
width: calc(100% - 17px);
border-bottom-left-radius: var(--tv-Textarea-count-border-radius);
padding-right: var(--tv-Textarea-count-padding-right); padding-right: var(--tv-Textarea-count-padding-right);
background-color: var(--tv-Textarea-count-bg-color);
&-text-length { &-text-length {
color: var(--tv-Textarea-count-text-length-color); color: var(--tv-Textarea-count-text-length-color);

4
packages/theme/src/textarea/vars.less
View File

@ -43,6 +43,8 @@
--tv-Textarea-exceed-text-color: var(--tv-color-error-text, #f23030); --tv-Textarea-exceed-text-color: var(--tv-color-error-text, #f23030);
// 计数器的颜色 // 计数器的颜色
--tv-Textarea-count-color: var(--tv-color-text-weaken, #808080); --tv-Textarea-count-color: var(--tv-color-text-weaken, #808080);
// 计数器背景颜色
--tv-Textarea-count-bg-color: var(--tv-color-bg-2, #ffffff);
// 文本框垂直方向内边距 // 文本框垂直方向内边距
--tv-Textarea-padding-y: var(--tv-space-md, 8px); --tv-Textarea-padding-y: var(--tv-space-md, 8px);
// 文本框水平方向内边距 // 文本框水平方向内边距
@ -52,7 +54,7 @@
// 文本框底部内边距 // 文本框底部内边距
--tv-Textarea-padding-bottom: var(--tv-space-xl, 16px); --tv-Textarea-padding-bottom: var(--tv-space-xl, 16px);
// 计数器右侧距离 // 计数器右侧距离
--tv-Textarea-count-right: var(--tv-space-xl, 16px); --tv-Textarea-count-right: calc(var(--tv-space-xl, 16px) + 2px);
// 文本域active时显示的边框颜色 // 文本域active时显示的边框颜色
--tv-Textarea-active-border-color: var(--tv-color-border-active, #191919); --tv-Textarea-active-border-color: var(--tv-color-border-active, #191919);
// 计数器圆角 // 计数器圆角