From bcabf5ff668b5256d43a353647b600dd591433d0 Mon Sep 17 00:00:00 2001 From: Default User Date: Thu, 5 Feb 2026 16:41:54 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E6=95=B0=E9=87=8F=E5=92=8C?= =?UTF-8?q?=E6=88=90=E6=9C=AC=E4=BB=B7=E6=A0=BC=E8=BE=93=E5=85=A5=E6=A1=86?= =?UTF-8?q?=E5=B8=83=E5=B1=80=EF=BC=8C=E7=A1=AE=E4=BF=9D=E5=9C=A8=E5=90=8C?= =?UTF-8?q?=E4=B8=80=E8=A1=8C=E5=90=8C=E4=B8=80=E6=B0=B4=E5=B9=B3=E7=BA=BF?= =?UTF-8?q?=E4=B8=8A=E6=98=BE=E7=A4=BA?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- supply.html | 34 ++++++++++++++++++++-------------- 1 file changed, 20 insertions(+), 14 deletions(-) diff --git a/supply.html b/supply.html index 9f5a072..f49aee1 100644 --- a/supply.html +++ b/supply.html @@ -1231,7 +1231,7 @@ /* 调整手机端规格-件数-价格对的布局 */ .spec-quantity-pair { - flex-direction: column; + flex-wrap: wrap; align-items: stretch; } @@ -1243,6 +1243,7 @@ /* 件数和采购价在手机端显示为一行 */ .quantity-input, .costprice-input { + flex: 1; width: calc(50% - 5px); margin-bottom: 0; } @@ -1331,7 +1332,7 @@ .spec-quantity-pair { display: flex; - align-items: center; + flex-wrap: wrap; gap: 10px; background-color: #fafafa; padding: 10px; @@ -1339,22 +1340,22 @@ border: 1px solid #f0f0f0; } - /* 调整件数和采购价的排列,让它们在所有设备上都能在一行显示 */ - .spec-quantity-pair { - flex-wrap: wrap; - } - .spec-value { flex: 1; min-width: 100%; } + /* 件数和采购价的容器 */ + .quantity-cost-container { + display: flex; + gap: 10px; + width: 100%; + } + .quantity-input, .costprice-input { flex: 1; - min-width: calc(50% - 5px); - width: calc(50% - 5px); - display: inline-block; + width: 50%; } .spec-value { @@ -1368,9 +1369,12 @@ cursor: pointer; } - .quantity-input { - width: 120px; + .quantity-input, + .costprice-input { + width: calc(50% - 5px); background-color: white; + height: 40px; + box-sizing: border-box; } .add-spec-quantity-btn { @@ -3393,8 +3397,10 @@ pair.className = 'spec-quantity-pair'; pair.innerHTML = ` - - +
+ + +
`;