From 686a9df6e19c5bf0065d3b159baae53fc4876d32 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E8=B5=B5=E6=AF=85?= <1335909236@qq.com> Date: Sat, 8 Nov 2025 17:33:34 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E5=9B=A2=E8=B4=AD=E5=95=86?= =?UTF-8?q?=E5=93=81=E8=AF=A6=E6=83=85=E9=A1=B5=E6=A0=B7=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- packages/shop/groupPurchaseDetail/index.css | 76 ++++++++++++++++++--- packages/shop/groupPurchaseDetail/index.vue | 73 +++++++++++++------- 2 files changed, 114 insertions(+), 35 deletions(-) diff --git a/packages/shop/groupPurchaseDetail/index.css b/packages/shop/groupPurchaseDetail/index.css index d1388ecc..e7f2b8c5 100644 --- a/packages/shop/groupPurchaseDetail/index.css +++ b/packages/shop/groupPurchaseDetail/index.css @@ -172,18 +172,18 @@ image { margin-top: 20rpx; } -.timeBox{ +.timeBox { display: flex; color: #ff370e; align-items: center; justify-content: center; } -.dayTimeBox{ +.dayTimeBox { margin-right: 10rpx; } -.time{ +.time { padding: 5rpx; color: #fff; border-radius: 10rpx; @@ -333,7 +333,7 @@ image { padding-bottom: 10rpx; } -.num{ +.num { color: #808080; font-size: 24rpx; position: absolute; @@ -349,10 +349,9 @@ image { } .GGBox { - margin: 0 20rpx; + margin: 30rpx 20rpx 20rpx 20rpx; display: flex; justify-content: space-between; - margin-top: 30rpx; } .GG_rigth { @@ -442,12 +441,48 @@ image { font-weight: 700; } +.specification { + height: 100rpx; + display: flex; + align-items: center; +} + +.spe_Item { + margin: 0 20rpx; +} + +.shu { + height: 60rpx; + width: 1rpx; + border-left: 1rpx solid #d8d7d7; +} + +.spe_ItemCon { + display: flex; + align-items: center; +} + +.spe_ItemCon image { + width: 26rpx; + height: 26rpx; + margin-left: 10rpx; +} + +.spe_ItemCon { + font-size: 26rpx; + font-weight: bold; +} + +.spe_ItemTit { + font-size: 26rpx; + color: #999999; + margin-top: 5rpx; +} .Msg_Item { display: flex; align-items: center; border-bottom: 1rpx solid #EBEBEB; - ; } .Msg_ItemTit { @@ -469,6 +504,7 @@ image { .Msg_ItemCon image { width: 28rpx; height: 28rpx; + margin-left: 10rpx; } .GoosMsg { @@ -507,11 +543,29 @@ image { height: 40rpx; } +.car_right_box{ + display: flex; +} + .car_right { - width: 470rpx; + width: 220rpx; height: 70rpx; - background: linear-gradient(91deg, #FF7658 0%, #FF370B 100%); - border-radius: 100rpx 100rpx 100rpx 100rpx; + /* background: linear-gradient(91deg, #FF7658 0%, #FF370B 100%); */ + background: #ff712c; + border-radius: 20rpx 0 0 20rpx; + font-size: 36rpx; + color: #FFFFFF; + display: flex; + align-items: center; + justify-content: center; + margin-top: 26rpx; +} + +.seckill { + width: 220rpx; + height: 70rpx; + background: #ff3b31; + border-radius: 0 20rpx 20rpx 0; font-size: 36rpx; color: #FFFFFF; display: flex; @@ -924,7 +978,7 @@ image { align-items: center; } -.buy-btn{ +.buy-btn { width: 150rpx; height: 50rpx; line-height: 50rpx; diff --git a/packages/shop/groupPurchaseDetail/index.vue b/packages/shop/groupPurchaseDetail/index.vue index d7ec5cf2..3c6e9902 100644 --- a/packages/shop/groupPurchaseDetail/index.vue +++ b/packages/shop/groupPurchaseDetail/index.vue @@ -54,9 +54,16 @@ - + + + 当日达 + {{ currentGG.goods_name }} + + {{ currentGG.commodity_brief }} 已售{{ soldOutNum }} | 剩余{{ currentGG.total_stock }} @@ -74,14 +81,26 @@ - - 当日达 - {{ currentGG.goods_name }} + + + + + {{ currentGG.goods_no }} + + + 货号 + + + + {{ currentGG.goods_spec }} + 规格说明 + + + + {{ currentGG.goods_unit }} + 售卖单位 + - {{ currentGG.commodity_brief }} - @@ -108,9 +127,9 @@ -

商品详情

+

商品详情

- + @@ -165,19 +184,25 @@ 已售罄 - - 加入购物车 - + + + 加入购物车 + - - 加入购物车 + + 加入购物车 + + + + 立即秒杀 +