From 60ad675362e7c2fedd96dce2dbb7463f76cb627a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=B5=B5=E6=AF=85?= <1335909236@qq.com>
Date: Wed, 24 Sep 2025 15:35:31 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E6=94=AF=E4=BB=98=E5=90=8E?=
=?UTF-8?q?=E8=8E=B7=E5=8F=96=E7=9F=B3=E6=A6=B4=E9=87=91=E7=AD=89=E7=9A=84?=
=?UTF-8?q?=E5=B1=95=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
packages/shop/groupPurchaseSubmit/index.css | 96 ++++++++++++++++++--
packages/shop/groupPurchaseSubmit/index.vue | 97 ++++++++++++++++-----
2 files changed, 164 insertions(+), 29 deletions(-)
diff --git a/packages/shop/groupPurchaseSubmit/index.css b/packages/shop/groupPurchaseSubmit/index.css
index 97ba10e4..737ae8da 100644
--- a/packages/shop/groupPurchaseSubmit/index.css
+++ b/packages/shop/groupPurchaseSubmit/index.css
@@ -375,9 +375,10 @@ page {
.shadowBox_img {
width: 600rpx;
- height: 500rpx;
+ height: 800rpx;
background-color: #fff;
border-radius: 20rpx;
+ position: relative;
}
.boxshadow_tit {
@@ -403,9 +404,88 @@ page {
text-align: center;
}
+.wealBoxTit {
+ display: flex;
+ align-items: flex-end;
+ margin-top: 30rpx;
+ margin-left: 20rpx;
+}
+
+.wealBoxTit1 {
+ color: #fe1535;
+ font-size: 32rpx;
+ font-weight: bold;
+}
+
+.wealBoxTit2 {
+ color: #fe1535;
+ font-size: 26rpx;
+ margin-left: 15rpx;
+}
+
+.wealBox{
+ width: 93%;
+ height: 170rpx;
+ margin: 15rpx auto;
+ display: flex;
+}
+
+.wealBoxItem{
+ width: 150rpx;
+ height: 150rpx;
+ margin: 0 10rpx;
+ border-radius: 15rpx;
+ padding: 20rpx 10rpx;
+ text-align: center;
+ display: flex; /* 添加 flex 布局 */
+ flex-direction: column; /* 设置主轴为垂直方向 */
+ justify-content: space-between; /* 垂直方向上平均分布 */
+ align-items: center; /* 水平方向居中 */
+}
+
+
+.wealBoxItem1{
+ background-color: #fff4f1;
+}
+
+.wealBoxItem2{
+ background-color: #fff7f1;
+}
+
+.wealBoxItem3{
+ background-color: #fffaf0;
+}
+
+.wealBoxItemTop{
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+
+.wealBoxItemTop image{
+ width: 40rpx;
+ height: 40rpx;
+ margin-right: 10rpx;
+}
+
+.wealBoxItemBottom{
+ font-size: 26rpx;
+ color: #999999;
+}
+
+.bottom {
+ width: 100%;
+ position: absolute;
+ bottom: 30rpx;
+}
+
+.boxbottom1 {
+ margin: 0 auto;
+}
+
.boxbottom {
width: 100%;
- margin-top: 50rpx;
+ margin-bottom: 50rpx;
display: flex;
justify-content: center;
align-items: center;
@@ -428,25 +508,25 @@ page {
.shadowBox1 {
width: 100%;
display: flex;
- margin-top: 30rpx;
+ margin-bottom: 30rpx;
}
-.shadowBox1Item_btn{
+.shadowBox1Item_btn {
width: 110rpx;
height: 150rpx;
border: 1rpx solid red;
position: absolute;
left: 100rpx;
- opacity:0;
+ opacity: 0;
}
-.shadowBox2Item_btn{
+.shadowBox2Item_btn {
width: 110rpx;
height: 150rpx;
border: 1rpx solid red;
position: absolute;
right: 100rpx;
- opacity:0;
+ opacity: 0;
}
.shadowBox1Item {
@@ -508,7 +588,7 @@ page {
margin-top: 60rpx;
}
-.empty-tip{
+.empty-tip {
height: 200rpx;
font-size: 28rpx;
color: #999999;
diff --git a/packages/shop/groupPurchaseSubmit/index.vue b/packages/shop/groupPurchaseSubmit/index.vue
index 13bd96e3..2d4a4af9 100644
--- a/packages/shop/groupPurchaseSubmit/index.vue
+++ b/packages/shop/groupPurchaseSubmit/index.vue
@@ -43,7 +43,7 @@
￥{{ item.commodity_goods_info.sales_price }}/{{
item.commodity_goods_info.goods_unit
- }}
+ }}
运费 ￥{{
item.commodity_goods_info.freight }}
@@ -238,33 +238,83 @@
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/shop_share_img.png">
-->
-
-
- 赶快邀请好友来下单吧
-
+
+
+ 下单福利
+ 已获得
+
+
+
+
+
+
+ 石榴分
+
+
+ {{ slFen }}
+
+
+ 可抵扣 ￥{{ slFen }}
+
+
+
+
+
+
+ 石榴籽
+
+
+ {{ slZi }}
+
+
+ 可抵扣 ￥{{ slZi }}
+
+
+
+
+
+ 石榴金
+
+
+ {{ slJin }}
+
+
+ 可抵扣 ￥{{ slJin }}
+
+
+
-
-
-
-
-
- 微信好友
+
+
+
+
+ 赶快邀请好友来下单吧
+
-
-
-
- 小程序链接
-
-
+
+
@@ -315,6 +365,10 @@ export default {
orderList2: [],
carList: [],
+ slJin: 0,
+ slFen: 0,
+ slZi: 0,
+
// 团购活动id
group_buy_activity_id: 0,
@@ -667,6 +721,7 @@ export default {
}
request(apiArr.queryOrder, "POST", params).then(res => {
this.verifyCode = res.verification_code
+ this.slJin = res.shiliu_money
this.boxshadow1 = true
})
},