From 97e833d8d831790aaa784350736f632e2666407e Mon Sep 17 00:00:00 2001 From: MSuMshk <2039814060@qq.com> Date: Thu, 26 Feb 2026 13:32:35 +0800 Subject: [PATCH] =?UTF-8?q?style:=20=E6=89=B9=E9=87=8F=E5=B7=A5=E5=85=B7?= =?UTF-8?q?=E9=A1=B5=E9=9D=A2=E6=A0=B7=E5=BC=8F=E5=8F=82=E6=95=B0=E5=9B=9E?= =?UTF-8?q?=E8=B0=83=E8=87=B3=E5=8E=9F=E5=9E=8B=E5=9F=BA=E7=BA=BF?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../src/views/product/batch/styles/card.less | 47 +++++++++---------- .../views/product/batch/styles/layout.less | 14 ++++-- .../product/batch/styles/responsive.less | 1 - 3 files changed, 32 insertions(+), 30 deletions(-) diff --git a/apps/web-antd/src/views/product/batch/styles/card.less b/apps/web-antd/src/views/product/batch/styles/card.less index 49e37fd..236172e 100644 --- a/apps/web-antd/src/views/product/batch/styles/card.less +++ b/apps/web-antd/src/views/product/batch/styles/card.less @@ -2,61 +2,60 @@ .pbt-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); - gap: 14px; + gap: 16px; } .pbt-card { display: flex; flex-direction: column; - gap: 12px; - min-height: 178px; - padding: 20px 22px 18px; + gap: 10px; + min-height: 172px; + padding: 20px 24px; background: #fff; - border: 1px solid #e5eaf3; - border-radius: 14px; - box-shadow: 0 1px 2px rgb(17 24 39 / 3%); + border: 1px solid #f0f0f0; + border-radius: 10px; + box-shadow: var(--pbt-shadow-sm); transition: var(--pbt-transition); } .pbt-card:hover, .pbt-card.active { - border-color: #c7dbff; - box-shadow: 0 8px 24px rgb(22 119 255 / 10%); - transform: translateY(-2px); + border-color: #e5e7eb; + box-shadow: var(--pbt-shadow-md); } .pbt-card-icon { display: inline-flex; align-items: center; justify-content: center; - width: 36px; - height: 36px; - font-size: 18px; + width: 40px; + height: 40px; + margin-bottom: 2px; + font-size: 20px; border-radius: 10px; } .pbt-card-name { margin: 0; - font-size: 24px; - font-weight: 700; - line-height: 1.25; - color: #111827; + font-size: 15px; + font-weight: 600; + color: #1a1a2e; } .pbt-card-desc { margin: 0; - min-height: 28px; - font-size: 15px; - line-height: 1.4; - color: #6b7280; + min-height: 40px; + font-size: 13px; + line-height: 1.5; + color: #9ca3af; } .pbt-card-action { - height: 36px; + height: 34px; margin-top: auto; - font-size: 15px; + font-size: 13px; font-weight: 600; - border-radius: 8px; + border-radius: 6px; } .pbt-card.is-orange .pbt-card-icon { diff --git a/apps/web-antd/src/views/product/batch/styles/layout.less b/apps/web-antd/src/views/product/batch/styles/layout.less index a4f4dc1..7b3b3d4 100644 --- a/apps/web-antd/src/views/product/batch/styles/layout.less +++ b/apps/web-antd/src/views/product/batch/styles/layout.less @@ -3,20 +3,24 @@ display: flex; flex-direction: column; gap: 16px; - max-width: 1180px; + max-width: 1120px; } .pbt-toolbar-card { - border-radius: 12px; + border-radius: 10px; box-shadow: var(--pbt-shadow-sm); } + .pbt-toolbar-card .ant-card-body { + padding: 12px 16px; + } + .pbt-toolbar-card .store-scope-toolbar { - gap: 14px; + gap: 12px; } .pbt-toolbar-card .store-scope-selector { - width: 300px; + width: 240px; } .pbt-toolbar-card .store-scope-spacer { @@ -26,7 +30,7 @@ .pbt-toolbar-tip { font-size: 13px; color: #9ca3af; - white-space: nowrap; + line-height: 1.4; } .pbt-empty-wrap { diff --git a/apps/web-antd/src/views/product/batch/styles/responsive.less b/apps/web-antd/src/views/product/batch/styles/responsive.less index 2355d61..2db71d6 100644 --- a/apps/web-antd/src/views/product/batch/styles/responsive.less +++ b/apps/web-antd/src/views/product/batch/styles/responsive.less @@ -14,7 +14,6 @@ .pbt-toolbar-tip { width: 100%; - white-space: normal; } .pbt-actions {