diff --git a/src/styles/components/ant-select.scss b/src/styles/components/ant-select.scss index 71073bd..708f987 100644 --- a/src/styles/components/ant-select.scss +++ b/src/styles/components/ant-select.scss @@ -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; + } } } } diff --git a/src/views/material-center/components/raw-material/components/add-raw-material-drawer/index.vue b/src/views/material-center/components/raw-material/components/add-raw-material-drawer/index.vue index 388e1a1..ab2eec0 100644 --- a/src/views/material-center/components/raw-material/components/add-raw-material-drawer/index.vue +++ b/src/views/material-center/components/raw-material/components/add-raw-material-drawer/index.vue @@ -367,7 +367,6 @@ export default defineComponent({ showSearch showArrow maxTagCount={5} - maxTagTextLength={5} options={tagData.value} optionFilterProp="name" field-names={{ label: 'name', value: 'id' }} @@ -384,25 +383,29 @@ export default defineComponent({ const { label, value } = val; if (label.length > 5) { return ( - - (record.tag_ids = record.tag_ids.filter((item) => item !== value))} - class="bg-#F2F3F5 rounded-4px mr-0 px-8px !color-#55585F" - > - {label.slice(0, 5) + '...'} - - +
+ + (record.tag_ids = record.tag_ids.filter((item) => item !== value))} + class="mr-0 !color-#55585F h-20px !lh-20px !text-12px" + > + {label.slice(0, 5) + '...'} + + +
); } else { return ( - (record.tag_ids = record.tag_ids.filter((item) => item !== value))} - class="bg-#F2F3F5 rounded-4px mr-0 px-8px !color-#55585F" - > - {label} - +
+ (record.tag_ids = record.tag_ids.filter((item) => item !== value))} + class="mr-0 !color-#55585F h-20px !lh-20px !text-12px" + > + {label} + +
); } }, diff --git a/src/views/material-center/components/raw-material/components/add-raw-material-drawer/style.scss b/src/views/material-center/components/raw-material/components/add-raw-material-drawer/style.scss index 9814ae6..d3db885 100644 --- a/src/views/material-center/components/raw-material/components/add-raw-material-drawer/style.scss +++ b/src/views/material-center/components/raw-material/components/add-raw-material-drawer/style.scss @@ -9,9 +9,9 @@ } .ant-select { - .ant-select-selection-overflow-item { - max-width: 50%; - } + //.ant-select-selection-overflow-item { + // max-width: 50%; + //} } .ant-drawer-body { diff --git a/src/views/material-center/components/raw-material/components/edit-raw-material-modal/index.vue b/src/views/material-center/components/raw-material/components/edit-raw-material-modal/index.vue index 71beb20..a31b01f 100644 --- a/src/views/material-center/components/raw-material/components/edit-raw-material-modal/index.vue +++ b/src/views/material-center/components/raw-material/components/edit-raw-material-modal/index.vue @@ -1,6 +1,7 @@