feat: 添加原料库上传功能和相关组件
- 在 `raw-material` 组件中添加上传按钮和抽屉组件 - 新增 `add-raw-material-drawer` 组件及其样式文件 - 更新样式文件以支持新的上传界面 - 调整 Ant Select 和 Drawer 组件的样式
This commit is contained in:
20
src/styles/components/ant-drawer.scss
Normal file
20
src/styles/components/ant-drawer.scss
Normal file
@ -0,0 +1,20 @@
|
||||
.ant-drawer {
|
||||
.ant-drawer-header {
|
||||
.ant-drawer-header-title {
|
||||
justify-content: space-between;
|
||||
|
||||
.ant-drawer-close {
|
||||
order: 2;
|
||||
}
|
||||
|
||||
.ant-drawer-title {
|
||||
color: #211f24;
|
||||
font-family: $font-family-medium;
|
||||
font-size: 18px;
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
line-height: 26px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -36,7 +36,6 @@
|
||||
border-color: $color-error !important;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
.ant-select {
|
||||
@ -103,20 +102,69 @@
|
||||
}
|
||||
}
|
||||
|
||||
&.ant-select-single {
|
||||
.ant-select-selector {
|
||||
height: 32px !important;
|
||||
}
|
||||
|
||||
&.ant-select-lg {
|
||||
.ant-select-selector {
|
||||
height: 36px !important;
|
||||
}
|
||||
}
|
||||
|
||||
&.ant-select-sm {
|
||||
.ant-select-selector {
|
||||
height: 28px !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.ant-select.ant-select-single {
|
||||
.ant-select-selector {
|
||||
height: 32px !important;
|
||||
}
|
||||
&.ant-select-lg {
|
||||
.ant-select-selector {
|
||||
height: 36px !important;
|
||||
.ant-select-dropdown {
|
||||
padding: 4px 0;
|
||||
|
||||
.ant-select-item-option {
|
||||
padding: 0 12px;
|
||||
height: 36px;
|
||||
align-items: center;
|
||||
|
||||
.ant-select-item-option-state {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
&.ant-select-sm {
|
||||
.ant-select-selector {
|
||||
height: 28px !important;
|
||||
|
||||
&:not(.ant-select-item-option-disabled) {
|
||||
&:hover {
|
||||
background-color: #F2F3F5 !important;
|
||||
}
|
||||
|
||||
.ant-select-item-option-content {
|
||||
color: #211F24;
|
||||
font-family: $font-family-regular;
|
||||
font-size: 14px;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
line-height: 22px;
|
||||
}
|
||||
|
||||
&.ant-select-item-option-selected {
|
||||
background-color: transparent !important;
|
||||
color: #6D4CFE !important;
|
||||
|
||||
&:hover {
|
||||
background-color: #F2F3F5 !important;
|
||||
}
|
||||
|
||||
.ant-select-item-option-content {
|
||||
color: #6D4CFE;
|
||||
font-weight: 500;
|
||||
font-family: $font-family-medium;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
&.ant-select-item-option-active {
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -2,4 +2,18 @@
|
||||
.ant-input {
|
||||
padding: 8px 12px 4px 12px;
|
||||
}
|
||||
|
||||
&.ant-input-textarea-show-count {
|
||||
&::after {
|
||||
position: absolute;
|
||||
right: 8px;
|
||||
bottom: 4px;
|
||||
font-family: $font-family-regular;
|
||||
color: #939499;
|
||||
font-size: 12px;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
line-height: 20px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -26,4 +26,5 @@
|
||||
@import "./ant-tag.scss";
|
||||
@import "./ant-switch.scss";
|
||||
@import "./ant-step.scss";
|
||||
@import "./ant-spin.scss";
|
||||
@import "./ant-spin.scss";
|
||||
@import "./ant-drawer.scss";
|
||||
|
||||
Reference in New Issue
Block a user