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 = ` - - +
+ + +
`;