feat(UI组件): 重构产品与原材料选择组件样式和交互
优化产品选择(ProductSelect)和原材料选择(RawMaterialSelect)组件的UI样式和交互逻辑: 1. 将触发按钮改为输入框样式,提升视觉一致性 2. 简化卡片布局,移除冗余的选择按钮 3. 优化选中状态显示,增加规格和材质信息 4. 调整表单样式,减小字体大小和间距 5. 更新空状态提示文案为"暂无发货记录"和"暂无入库记录" 6. 在package.json中添加volta配置指定node版本
This commit is contained in:
@@ -590,14 +590,15 @@ body {
|
||||
// ---------------------- 3.3 表单/输入(金属内阴影 + 统一高度)----------------------
|
||||
// 表单项布局
|
||||
.el-form-item {
|
||||
margin-bottom: $--form-item-margin !important;
|
||||
font-size: 13px;
|
||||
margin-bottom: 0 !important;
|
||||
margin-right: 4px;
|
||||
font-size: 12px;
|
||||
|
||||
// 标签样式
|
||||
.el-form-item__label {
|
||||
color: $--color-text-secondary;
|
||||
padding-right: $--spacing-base;
|
||||
font-size: 13px;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
// 搜索表单 inline 布局
|
||||
@@ -606,6 +607,14 @@ body {
|
||||
margin-right: $--spacing-base;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.el-form-item__error {
|
||||
font-size: 12px;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
right: 6px;
|
||||
left: auto;
|
||||
}
|
||||
}
|
||||
|
||||
// 输入框(统一高度 + 金属内阴影)
|
||||
|
||||
Reference in New Issue
Block a user