diff --git a/layouts/admin/AdminLayout.uvue b/layouts/admin/AdminLayout.uvue index 0f8ecc18..40c95cb7 100644 --- a/layouts/admin/AdminLayout.uvue +++ b/layouts/admin/AdminLayout.uvue @@ -407,6 +407,11 @@ onMounted(() => { diff --git a/layouts/admin/styles/admin-responsive.css b/layouts/admin/styles/admin-responsive.css index 9d8f6141..52c6dda8 100644 --- a/layouts/admin/styles/admin-responsive.css +++ b/layouts/admin/styles/admin-responsive.css @@ -61,3 +61,36 @@ grid-template-columns: repeat(1, minmax(0, 1fr)) !important; } } + +/* ===== 后台通用紧凑布局规范 (CRMEB 1:1) ===== */ + +/* 页面根容器: 去除各页面自带的 padding,由 Layout 统一管理 */ +.admin-page { + width: 100%; + display: flex; + flex-direction: column; + padding: 0 !important; + margin: 0 !important; +} + +/* 垂直区块容器: 统一控制卡片、组件之间的间距 */ +.admin-sections { + display: flex; + flex-direction: column; + gap: var(--admin-section-gap); + width: 100%; +} + +/* 通用网格: 用于图表布局等 */ +.admin-grid { + display: grid; + gap: var(--admin-section-gap); + width: 100%; +} + +/* 统一卡片内部间距: 替代业务组件或页面内硬编码的 padding */ +.admin-card { + padding: var(--admin-card-padding) !important; + background: #ffffff; + border-radius: 4px; +} diff --git a/pages/mall/admin/marketing-management.uvue b/pages/mall/admin/marketing-management.uvue index 9921de20..57e1ddcd 100644 --- a/pages/mall/admin/marketing-management.uvue +++ b/pages/mall/admin/marketing-management.uvue @@ -1,14 +1,16 @@