style(business): 优化货物导入区域样式
- 为货物导入部分添加卡片式容器div - 新增cargo-import-card样式,包含白色背景和圆角 - 添加内边距和阴影效果,提升视觉层次感 - 调整cargo-import区域的padding为0,确保样式一致性
This commit is contained in:
@@ -4998,6 +4998,7 @@
|
||||
@closed="cargoImportRows = []"
|
||||
>
|
||||
<div class="business-crud-page__cargo-import">
|
||||
<div class="business-crud-page__cargo-import-card">
|
||||
<el-upload
|
||||
action="#"
|
||||
accept=".xls,.xlsx"
|
||||
@@ -5013,6 +5014,7 @@
|
||||
</el-upload>
|
||||
<el-button type="primary" @click="handleCargoImportTemplate">点击下载模板</el-button>
|
||||
</div>
|
||||
</div>
|
||||
<template #footer>
|
||||
<el-button :disabled="cargoImportLoading" @click="closeCargoImportDialog">关闭</el-button>
|
||||
<el-button
|
||||
@@ -13249,6 +13251,18 @@ export default {
|
||||
}
|
||||
}
|
||||
|
||||
&__cargo-import {
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
&__cargo-import-card {
|
||||
background: #fff;
|
||||
border-radius: 6px;
|
||||
padding: 24px;
|
||||
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
|
||||
width: 90%;
|
||||
}
|
||||
|
||||
&__cargo-table {
|
||||
width: 100%;
|
||||
min-width: 0;
|
||||
|
||||
Reference in New Issue
Block a user