wangfukang 4 weeks ago
parent
commit
c1ed0df626
  1. 107
      package1/group/groupBuySingle.vue

107
package1/group/groupBuySingle.vue

@ -294,9 +294,9 @@
<view class="car-close" @tap="$refs.pintuanPopup.close()"> <view class="car-close" @tap="$refs.pintuanPopup.close()">
<uni-icons type="close" size="30" color="#fff"></uni-icons> <uni-icons type="close" size="30" color="#fff"></uni-icons>
</view> </view>
<view class="popup-rally-title" v-if="isPintuan"> <!-- <view class="popup-rally-title" v-if="isPintuan">
<view class="popup-rally-main">拼团搭子哪里找-隔壁宿舍全是宝</view> <view class="popup-rally-main">拼团搭子哪里找-隔壁宿舍全是宝</view>
</view> </view> -->
<view class="goods-top popup-product-card"> <view class="goods-top popup-product-card">
<view class="goods-img"> <view class="goods-img">
<img :src="currentItem.productPicture" alt="" style="border-radius: 20rpx;"> <img :src="currentItem.productPicture" alt="" style="border-radius: 20rpx;">
@ -361,7 +361,7 @@
</view> </view>
<view style="padding-top: 10rpx;"> <view style="padding-top: 10rpx;">
<view class="goods-num"> <view class="goods-num">
<view class="num-plus" style="background: #999;color: #fff;" <view class="num-plus"
@tap="changeValue('minus')"> @tap="changeValue('minus')">
- -
</view> </view>
@ -403,7 +403,7 @@
<view style="color: #ff5722;" v-if="selectedCoupon"> <view style="color: #ff5722;" v-if="selectedCoupon">
-{{selectedCoupon.discountAmount.toFixed(2)}} -{{selectedCoupon.discountAmount.toFixed(2)}}
</view> </view>
<view style="color: #0b9b73;" v-else-if="availableCoupons.length > 0"> <view style="color: #ff7a1a;" v-else-if="availableCoupons.length > 0">
{{availableCoupons.length}} 张可用 {{availableCoupons.length}} 张可用
</view> </view>
<view style="color: #999;" v-else> <view style="color: #999;" v-else>
@ -417,12 +417,10 @@
<view v-if="isPintuan" class="pintuan1"> <view v-if="isPintuan" class="pintuan1">
<template v-if="!groupId"> <template v-if="!groupId">
<view class="pintuan2" <view class="pintuan2"
style="border-bottom-left-radius: 100rpx;border-top-left-radius: 100rpx;"
@tap.stop="submitPintuan(true)"> @tap.stop="submitPintuan(true)">
面对面团 面对面团
</view> </view>
<view class="pintuan2" <view class="pintuan2"
style="background: rgba(0, 35, 28, 1);border-bottom-right-radius: 100rpx;border-top-right-radius: 100rpx;color: rgba(166, 255, 234, 1);"
@tap.stop="submitPintuan(false)"> @tap.stop="submitPintuan(false)">
发起拼团{{selectedGroupRule && selectedGroupRule.groupPrice ? parseFloat(selectedGroupRule.groupPriceAndMore).toFixed(2) : '0.00'}} 发起拼团{{selectedGroupRule && selectedGroupRule.groupPrice ? parseFloat(selectedGroupRule.groupPriceAndMore).toFixed(2) : '0.00'}}
</view> </view>
@ -2257,7 +2255,7 @@
.team2 { .team2 {
width: 190rpx; width: 190rpx;
height: 270rpx; height: 270rpx;
background: rgba(247, 248, 248, 1); background: rgba(247, 248, 248, 0.6);
border-radius: 10px; border-radius: 10px;
float: left; float: left;
text-align: center; text-align: center;
@ -2860,6 +2858,21 @@
linear-gradient(180deg, #ffffff 0%, #f7fffb 100%); linear-gradient(180deg, #ffffff 0%, #f7fffb 100%);
} }
.group-order-popup {
background: #fff;
}
.group-order-popup .goods-name,
.group-order-popup .spec11,
.group-order-popup .team11,
.group-order-popup .num {
color: #2f2f2f;
}
.group-order-popup .goods-deal1 {
color: #9a8f8a;
}
.popup-rally-title, .popup-rally-title,
.join-popup-title { .join-popup-title {
padding: 8rpx 20rpx 22rpx; padding: 8rpx 20rpx 22rpx;
@ -2874,6 +2887,10 @@
line-height: 34rpx; line-height: 34rpx;
} }
.group-order-popup .popup-rally-main {
color: #ff5f45;
}
.popup-rally-sub, .popup-rally-sub,
.join-popup-sub { .join-popup-sub {
margin-top: 6rpx; margin-top: 6rpx;
@ -2891,6 +2908,12 @@
box-shadow: 0 12rpx 26rpx rgba(0, 35, 28, 0.06); box-shadow: 0 12rpx 26rpx rgba(0, 35, 28, 0.06);
} }
.group-order-popup .popup-product-card {
background: rgba(255, 255, 255, 0.96);
border-color: rgba(255, 180, 100, 0.28);
box-shadow: 0 14rpx 32rpx rgba(200, 100, 40, 0.07);
}
.popup-origin-price { .popup-origin-price {
color: #ff4d38; color: #ff4d38;
font-weight: 900; font-weight: 900;
@ -2907,6 +2930,30 @@
animation: cardPulse 1.8s ease-in-out infinite; animation: cardPulse 1.8s ease-in-out infinite;
} }
.group-order-popup .spec222,
.group-order-popup .team1,
.group-order-popup .team2 {
background: #fff;
color: #7a5a42;
border: 1px solid rgba(255, 170, 80, 0.28);
box-shadow: none;
}
.group-order-popup .spec-check,
.group-order-popup .team-check,
.group-order-popup .team-check1,
.group-order-popup .team-check.team-rule-card {
background: linear-gradient(135deg, #ffe8b0 0%, #ffc77d 100%);
color: #7a3c00;
border-color: rgba(255, 170, 80, 0.45);
box-shadow: 0 10rpx 22rpx rgba(255, 170, 80, 0.2);
}
.group-order-popup .num-plus {
background: linear-gradient(135deg, #ffe8b0 0%, #ffc77d 100%);
color: #7a3c00;
}
.coupon-row { .coupon-row {
margin-top: 28rpx !important; margin-top: 28rpx !important;
padding: 0 18rpx; padding: 0 18rpx;
@ -2915,11 +2962,53 @@
background: rgba(255, 248, 224, 0.64); background: rgba(255, 248, 224, 0.64);
} }
.group-order-popup .coupon-row {
border-color: rgba(255, 170, 80, 0.38) !important;
background: rgba(255, 252, 244, 0.95);
}
.popup-bottom-bar { .popup-bottom-bar {
background: rgba(255, 255, 255, 0.98); background: rgba(255, 255, 255, 0.98);
box-shadow: 0 -12rpx 28rpx rgba(0, 35, 28, 0.1); box-shadow: 0 -12rpx 28rpx rgba(0, 35, 28, 0.1);
} }
.group-order-popup .popup-bottom-bar {
background: rgba(255, 255, 255, 0.96);
box-shadow: 0 -10rpx 30rpx rgba(120, 60, 0, 0.07);
}
.group-order-popup .pintuan1 {
justify-content: space-between;
}
.group-order-popup .pintuan2 + .pintuan2 {
margin-left: 20rpx;
}
.group-order-popup .pintuan0 {
background: linear-gradient(90deg, #ffbe70 0%, #ff8c55 100%);
color: #fff;
box-shadow: 0 12rpx 26rpx rgba(255, 140, 66, 0.25);
}
.group-order-popup .pintuan2 {
border-radius: 999rpx;
box-shadow: 0 10rpx 24rpx rgba(255, 117, 61, 0.16);
overflow: hidden;
}
.group-order-popup .pintuan2:first-child {
background: #fff8ee;
border: 1px solid rgba(255, 170, 80, 0.5);
color: #b06000;
}
.group-order-popup .pintuan2:last-child {
background: linear-gradient(90deg, #ffbe70 0%, #ff8c55 100%);
border: 0;
color: #fff;
}
.popup-bottom-bar .pintuan2 { .popup-bottom-bar .pintuan2 {
transition: transform 0.18s ease; transition: transform 0.18s ease;
} }
@ -2929,6 +3018,10 @@
animation: ctaBreath 1.9s ease-in-out infinite; animation: ctaBreath 1.9s ease-in-out infinite;
} }
.group-order-popup .popup-bottom-bar .pintuan2:last-child {
box-shadow: 0 12rpx 28rpx rgba(255, 140, 66, 0.28);
}
.team-wait-card { .team-wait-card {
height: 156rpx; height: 156rpx;
border-radius: 30rpx; border-radius: 30rpx;

Loading…
Cancel
Save