```
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:
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user