From 4b4530087295f9b53dcff84888b7a08c07640846 Mon Sep 17 00:00:00 2001 From: gaoluyang <2820782392@qq.com> Date: 星期二, 03 六月 2025 14:57:50 +0800 Subject: [PATCH] 整体样式修改 --- src/views/warehouseManagement/index.vue | 58 +++------------------------------------------------------- 1 files changed, 3 insertions(+), 55 deletions(-) diff --git a/src/views/warehouseManagement/index.vue b/src/views/warehouseManagement/index.vue index 1bdec21..b0ce67e 100644 --- a/src/views/warehouseManagement/index.vue +++ b/src/views/warehouseManagement/index.vue @@ -53,12 +53,12 @@ /> </el-tabs> <!-- 鎿嶄綔鎸夐挳鍖� --> - <el-row :gutter="24" class="table-toolbar"> + <el-space> <el-button type="primary" :icon="Plus" >鏂板缓</el-button> <el-button type="danger" :icon="Delete">鍒犻櫎</el-button> <el-button type="info" plain :icon="Download">瀵煎嚭</el-button> <el-button type="success" plain :icon="Refresh" v-if="activeTab=== 'officialInventory'" @click="mergeRows">鍚堝苟</el-button> - </el-row> + </el-space> <div> <el-table :data="tableData" border @selection-change="selectionChange"> <el-table-column type="selection" width="55" align="center" /> @@ -77,7 +77,6 @@ <el-table-column fixed="right" label="鎿嶄綔" min-width="90" align="center"> <template #default> <el-button link type="primary" size="small">缂栬緫</el-button> - <el-button link type="danger" size="small">鍒犻櫎</el-button> </template> </el-table-column> </el-table> @@ -284,58 +283,7 @@ </script> <style scoped> -.search-form { - background-color: #fff; - padding: 20px 20px 0 20px; - margin-bottom: 20px; - border-radius: 4px; - box-shadow: var(--el-box-shadow-light); -} -.search-form :deep(.el-form-item) { - margin-bottom: 16px; - width: 100%; -} - -/* 鍝嶅簲寮忓竷灞� */ -@media screen and (min-width: 768px) { - .search-form :deep(.el-form-item) { - width: 50%; - } -} -@media screen and (min-width: 1200px) { - .search-form :deep(.el-form-item) { - width: 18%; - } -} - -.table-toolbar { - margin-bottom: 20px; - display: flex; - flex-wrap: wrap; - gap: 10px; -} - :deep(.el-table) { - margin-bottom: 20px; - overflow-x: auto; -} - -:deep(.el-table th) { - background-color: #f5f7fa; -} - -/* 鍝嶅簲寮忔牱寮� */ -@media screen and (max-width: 768px) { - :deep(.el-table) { - width: 100%; - overflow-x: auto; - } -} -/* 琛ㄦ牸宸ュ叿鏍� */ -.table-toolbar, .table-toolbar > * { - margin: 0 0 0 0 !important; -} -.table-toolbar{ - margin-bottom: 20px !important; + margin: 20px 0; } </style> \ No newline at end of file -- Gitblit v1.9.3