root
/
school_uni
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

1

master
wangfukang 3 weeks ago
parent
da8736b52a
commit
39bf0098c9
2 changed files with 81 additions and 61 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 6
      package2/group/groupBuyList.vue
  2. 136
      package2/group/groupBuySingle.vue

6
package2/group/groupBuyList.vue
View File

@ -727,7 +727,7 @@
.title-tab { .title-tab {
width: 94%; width: 94%;
margin: 0 auto; margin: 0 auto;
height: 306rpx; height: 256rpx;
position: relative; position: relative;
z-index: 2; z-index: 2;
} }
@ -758,7 +758,7 @@
.banner-copy { .banner-copy {
position: relative; position: relative;
z-index: 3; z-index: 3;
padding: 34rpx 0 0 34rpx; padding: 10rpx 0 0 34rpx;
width: 58%; width: 58%;
box-sizing: border-box; box-sizing: border-box;
} }
@ -794,7 +794,7 @@
} }
.banner-bubbles { .banner-bubbles {
margin-top: 88rpx; margin-top: 60rpx;
white-space: nowrap; white-space: nowrap;
text { text {

136
package2/group/groupBuySingle.vue
View File

@ -209,10 +209,9 @@
</view> </view>
</view> </view>
<view class="bottom-right checkout-btn" @tap="submitCartCheckout"> <view class="bottom-right checkout-btn" @tap="submitCartCheckout">
<img v-if="!isStoreGroupOrder" src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/d93d893296ed46ea99cfd0e8e2835eaa.png" alt="" /> <view class="checkout-text-btn" :class="{'store-checkout-btn': isStoreGroupOrder}">
<view v-else class="store-checkout-btn">
<text>去下单</text> <text>去下单</text>
<view class="store-checkout-shine"></view> <view class="checkout-text-shine"></view>
</view> </view>
</view> </view>
</view> </view>
@ -280,11 +279,9 @@
</view> </view>
</view> </view>
<view class="bottom-right" @tap="submitCartCheckout"> <view class="bottom-right" @tap="submitCartCheckout">
<img v-if="!isStoreGroupOrder" src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/d93d893296ed46ea99cfd0e8e2835eaa.png" <view class="checkout-text-btn" :class="{'store-checkout-btn': isStoreGroupOrder}">
alt="" />
<view v-else class="store-checkout-btn">
<text>去下单</text> <text>去下单</text>
<view class="store-checkout-shine"></view> <view class="checkout-text-shine"></view>
</view> </view>
</view> </view>
</view> </view>
@ -427,13 +424,11 @@
<view class="bottom popup-bottom-bar" style="padding-bottom: 40rpx;height: 160rpx;z-index: 10;"> <view class="bottom popup-bottom-bar" style="padding-bottom: 40rpx;height: 160rpx;z-index: 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 group-face-btn"
style="border-bottom-left-radius: 100rpx;border-top-left-radius: 100rpx;"
@tap.stop="submitPintuan(true)"> @tap.stop="submitPintuan(true)">
<uni-icons type="help" size="16" style="padding-right: 20rpx;margin-top: 4rpx;" @tap.stop="openMianRemark"></uni-icons>面对面团 <uni-icons type="help" size="16" style="padding-right: 20rpx;margin-top: 4rpx;" @tap.stop="openMianRemark"></uni-icons>面对面团
</view> </view>
<view class="pintuan2" <view class="pintuan2 group-submit-btn"
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)">
{{isStoreGroupOrder ? '发起到店团' : '发起拼团'}}￥{{selectedGroupRule && selectedGroupRule.groupPrice ? parseFloat(selectedGroupRule.groupPriceAndMore).toFixed(2) : '0.00'}} {{isStoreGroupOrder ? '发起到店团' : '发起拼团'}}￥{{selectedGroupRule && selectedGroupRule.groupPrice ? parseFloat(selectedGroupRule.groupPriceAndMore).toFixed(2) : '0.00'}}
</view> </view>
@ -2279,8 +2274,9 @@
line-height: 48rpx; line-height: 48rpx;
border-radius: 10rpx; border-radius: 10rpx;
background: rgba(0, 35, 28, 1); background: linear-gradient(135deg, #d8ff7a 0%, #8ff5d8 100%);
color: rgba(166, 255, 234, 1); color: #153a35;
box-shadow: 0 8rpx 18rpx rgba(98, 229, 190, 0.22);
} }
@ -2316,6 +2312,7 @@
height: 100rpx; height: 100rpx;
line-height: 100rpx; line-height: 100rpx;
display: flex; display: flex;
gap: 18rpx;
text-align: center; text-align: center;
margin: auto; margin: auto;
font-size: 26rpx; font-size: 26rpx;
@ -2325,6 +2322,8 @@
.pintuan2 { .pintuan2 {
flex: 1; flex: 1;
background: linear-gradient(90deg, rgba(227, 255, 150, 1), rgba(166, 255, 234, 1)); background: linear-gradient(90deg, rgba(227, 255, 150, 1), rgba(166, 255, 234, 1));
border-radius: 100rpx;
overflow: hidden;
} }
.spec11 { .spec11 {
@ -3036,6 +3035,72 @@
color: #ff3d2e; color: #ff3d2e;
} }
.checkout-bar .bottom-right,
.car-content .bottom-right {
display: flex;
align-items: center;
justify-content: flex-end;
padding: 16rpx 18rpx 16rpx 0;
box-sizing: border-box;
}
.checkout-text-btn {
width: 318rpx;
height: 92rpx;
border-radius: 999rpx;
background: linear-gradient(90deg, #d8ff7a 0%, #8ff5d8 100%);
color: #153a35;
font-size: 30rpx;
font-weight: 900;
line-height: 92rpx;
text-align: center;
position: relative;
overflow: hidden;
box-shadow: 0 16rpx 34rpx rgba(98, 229, 190, 0.26);
border: 2rpx solid rgba(255, 255, 255, 0.68);
}
.checkout-text-btn text {
position: relative;
z-index: 2;
letter-spacing: 2rpx;
}
.checkout-text-shine {
position: absolute;
left: -120rpx;
top: -40rpx;
width: 120rpx;
height: 180rpx;
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.48), transparent);
transform: rotate(18deg);
animation: checkoutTextShine 2.8s ease-in-out infinite;
}
.group-submit-btn {
background: linear-gradient(90deg, #a6ffea 0%, #fff2a8 46%, #ff855d 100%) !important;
color: #0d332c !important;
box-shadow: 0 12rpx 24rpx rgba(255, 133, 93, 0.24);
font-weight: 900;
animation: ctaBreath 1.35s ease-in-out infinite;
}
.group-face-btn {
background: linear-gradient(90deg, #d8ff7a 0%, #8ff5d8 100%) !important;
color: #153a35 !important;
box-shadow: 0 12rpx 24rpx rgba(98, 229, 190, 0.22);
font-weight: 900;
}
@keyframes checkoutTextShine {
0%, 40% {
transform: translateX(0) rotate(18deg);
}
100% {
transform: translateX(480rpx) rotate(18deg);
}
}
.bottom-price-label { .bottom-price-label {
color: #7c8b86; color: #7c8b86;
font-size: 20rpx; font-size: 20rpx;
@ -3701,54 +3766,9 @@
box-shadow: 0 -8rpx 34rpx rgba(178, 102, 48, 0.16); box-shadow: 0 -8rpx 34rpx rgba(178, 102, 48, 0.16);
} }
.store-group-page .bottom-right.checkout-btn,
.store-group-page .bottom-right {
display: flex;
align-items: center;
justify-content: flex-end;
padding: 16rpx 18rpx 16rpx 0;
box-sizing: border-box;
}
.store-checkout-btn { .store-checkout-btn {
width: 318rpx;
height: 92rpx;
border-radius: 999rpx;
background: linear-gradient(100deg, #ff7444 0%, #ff9f38 52%, #ffd16e 100%); background: linear-gradient(100deg, #ff7444 0%, #ff9f38 52%, #ffd16e 100%);
color: #fff; color: #fff;
font-size: 30rpx;
font-weight: 900;
line-height: 92rpx;
text-align: center;
position: relative;
overflow: hidden;
box-shadow: 0 16rpx 34rpx rgba(255, 126, 39, 0.34); box-shadow: 0 16rpx 34rpx rgba(255, 126, 39, 0.34);
border: 2rpx solid rgba(255, 255, 255, 0.64);
}
.store-checkout-btn text {
position: relative;
z-index: 2;
letter-spacing: 2rpx;
}
.store-checkout-shine {
position: absolute;
left: -120rpx;
top: -40rpx;
width: 120rpx;
height: 180rpx;
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.44), transparent);
transform: rotate(18deg);
animation: storeCheckoutShine 2.8s ease-in-out infinite;
}
@keyframes storeCheckoutShine {
0%, 40% {
transform: translateX(0) rotate(18deg);
}
100% {
transform: translateX(480rpx) rotate(18deg);
}
} }
</style> </style>
Write Preview
Loading…
Cancel
Save