style(ant-select.scss): 更新复选样式和标签样式在`ant-select.scss`文件中添加了复选相关的样式,并对`.ant-tag`元素进行了详细的样式定义,包括内边距、边框半径、背景色等。同时调整了`.ant-tag .anticon-close`的字体大小。

refactor(index.vue): 修改标签组件的渲染逻辑

- 在`add-raw-material-drawer/index.vue`和`edit-raw-material-modal/index.vue`中移除了`maxTagTextLength`属性。
- 为长标签增加了包裹`div`,并调整了其样式。
- 对于超过5个字符的标签文本,使用`Tooltip`显示完整内容,并截断显示前5个字符后加上省略号。
- 调整了`table/index.vue`中标签的渲染方式,对于长度超过5个字符的标签使用`Tooltip`展示完整内容。
- 在`add-raw-material-drawer/style.scss`中注释掉了`.ant-select-selection-overflow-item`的最大宽度设置。
```
This commit is contained in:
rd
2025-09-18 14:41:27 +08:00
parent f9c091b03f
commit 5d29789f65
5 changed files with 71 additions and 44 deletions

View File

@ -74,6 +74,7 @@
}
}
// 复选
&.ant-select-multiple {
.ant-select-selector {
height: fit-content !important;
@ -92,6 +93,22 @@
color: #737478;
}
}
.ant-tag {
padding: 1px 8px;
border-radius: 4px;
background: var(--BG-300, #E6E6E8);
color: var(--Text-1, #211F24);
font-family: $font-family-regular;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 22px;
.anticon-close {
font-size: 12px;
}
}
}
}
@ -119,6 +136,10 @@
}
}
.ant-tag {
font-size: 12px;
line-height: 20px;
}
}
}
}