From d4ee054ac5d2b7f4af1189f4a6810742af793b74 Mon Sep 17 00:00:00 2001 From: zhaoxing <2558691827@qq.com> Date: Fri, 13 Nov 2026 12:49:34 +0800 Subject: [PATCH] =?UTF-8?q?style(seller):=20=E5=8F=91=E5=B8=83=E9=A1=B5?= =?UTF-8?q?=E4=BB=B7=E6=A0=BC=E5=8D=A1=E5=9B=BA=E5=AE=9A=E5=8F=B3=E4=BE=A7?= =?UTF-8?q?=E4=B8=A4=E6=A0=8F=E5=B8=83=E5=B1=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- frontend/src/styles/mobile-seller.css | 5 +++++ frontend/src/styles/seller.css | 30 ++++----------------------- 2 files changed, 9 insertions(+), 26 deletions(-) diff --git a/frontend/src/styles/mobile-seller.css b/frontend/src/styles/mobile-seller.css index 0a2c025..910e7b8 100644 --- a/frontend/src/styles/mobile-seller.css +++ b/frontend/src/styles/mobile-seller.css @@ -173,6 +173,11 @@ display: none; } +.mobile-seller-host .seller-form-layout { + grid-template-columns: 1fr; + gap: 16px; +} + .mobile-seller-host .seller-summary { position: static; } diff --git a/frontend/src/styles/seller.css b/frontend/src/styles/seller.css index c1f2e22..82b9fdd 100644 --- a/frontend/src/styles/seller.css +++ b/frontend/src/styles/seller.css @@ -658,7 +658,7 @@ button.seller-code:not(:disabled):hover { /* 发布页:主表单 + 右侧悬浮价格栏 */ .seller-form-page { - max-width: 1240px; + max-width: 1280px; } .seller-draft-status { @@ -671,11 +671,11 @@ button.seller-code:not(:disabled):hover { margin-bottom: 16px; } -/* 发布页:主体占满内容宽度,结算栏在大屏时独立到右侧留白 */ +/* 发布页:主体与结算栏始终两栏,价格卡固定在右侧 */ .seller-form-layout { display: grid; - grid-template-columns: minmax(0, 1fr); - gap: 24px; + grid-template-columns: minmax(0, 1fr) 320px; + gap: 20px; } .seller-form-main { @@ -689,18 +689,6 @@ button.seller-code:not(:disabled):hover { margin-left: auto; } -@media (min-width: 1920px) { - .seller-form-layout { - grid-template-columns: minmax(0, 1fr) 320px; - gap: 20px; - margin-right: -340px; - } - - .seller-form-aside { - max-width: none; - } -} - /* 点选式选项,替代下拉框 */ .seller-pill-group { display: flex; @@ -839,10 +827,6 @@ button.seller-code:not(:disabled):hover { } @media (max-width: 1100px) { - .seller-form-layout { - grid-template-columns: 1fr; - } - .seller-stat-strip { grid-template-columns: repeat(3, minmax(0, 1fr)); } @@ -855,12 +839,6 @@ button.seller-code:not(:disabled):hover { width: 100%; min-width: 0; } - - .seller-summary { - position: static; - max-height: none; - overflow: visible; - } } @media (max-width: 768px) {