|
|
@@ -359,30 +359,15 @@ export default {
|
|
|
padding-top: 20upx;
|
|
|
}
|
|
|
|
|
|
-
|
|
|
-
|
|
|
// 我要配送
|
|
|
.delivery-wrap {
|
|
|
.module-com {
|
|
|
margin-bottom: 20upx;
|
|
|
background-color: #fff;
|
|
|
- .module-tit {
|
|
|
- padding: 20upx 18upx;
|
|
|
- font-size: 28upx;
|
|
|
- font-weight: 600;
|
|
|
- border-bottom: 1upx solid $borderColor;
|
|
|
- }
|
|
|
- .module-det {
|
|
|
- padding: 0 30upx;
|
|
|
- }
|
|
|
}
|
|
|
// 金额
|
|
|
.pay-input-wrap {
|
|
|
padding: 50upx 36upx 38upx;
|
|
|
- .balance {
|
|
|
- margin-top: 30upx;
|
|
|
- color: $fontColor2;
|
|
|
- }
|
|
|
}
|
|
|
.shop-logo-wrap {
|
|
|
padding-left: 10upx;
|
|
|
@@ -573,7 +558,6 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
|
|
|
-
|
|
|
// 按钮
|
|
|
.btn-wrap {
|
|
|
width: calc(100% - 60upx);
|
|
|
@@ -591,102 +575,6 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
-
|
|
|
-
|
|
|
-}
|
|
|
-
|
|
|
-// 支付确认弹框样式
|
|
|
-.pay-confirm-content {
|
|
|
- padding: 60upx 40upx;
|
|
|
- text-align: center;
|
|
|
-
|
|
|
- .confirm-icon {
|
|
|
- margin-bottom: 50upx;
|
|
|
-
|
|
|
- .info-icon {
|
|
|
- width: 120upx;
|
|
|
- height: 120upx;
|
|
|
- background: #4a90e2;
|
|
|
- color: #fff;
|
|
|
- border-radius: 50%;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: center;
|
|
|
- font-size: 56upx;
|
|
|
- font-weight: bold;
|
|
|
- margin: 0 auto;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .confirm-text {
|
|
|
- margin-bottom: 60upx;
|
|
|
-
|
|
|
- .text-title {
|
|
|
- font-size: 42upx;
|
|
|
- font-weight: bold;
|
|
|
- color: #333;
|
|
|
- margin-bottom: 25upx;
|
|
|
- line-height: 1.4;
|
|
|
- }
|
|
|
-
|
|
|
- .text-desc {
|
|
|
- font-size: 38upx;
|
|
|
- color: #3f3e3e;
|
|
|
- line-height: 1.4;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .confirm-btn-wrap {
|
|
|
- .confirm-btn {
|
|
|
- width: 60%;
|
|
|
- height: 100upx;
|
|
|
- background: linear-gradient(135deg, #07c160 0%, #10ad6a 100%);
|
|
|
- color: #fff;
|
|
|
- border: none;
|
|
|
- border-radius: 50upx;
|
|
|
- font-size: 38upx;
|
|
|
- font-weight: bold;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: center;
|
|
|
- box-shadow: 0 4upx 12upx rgba(7, 193, 96, 0.3);
|
|
|
- transition: all 0.3s ease;
|
|
|
- margin: 0 auto 25upx;
|
|
|
-
|
|
|
- &:active {
|
|
|
- transform: scale(0.98);
|
|
|
- box-shadow: 0 2upx 8upx rgba(7, 193, 96, 0.4);
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .cancel-btn {
|
|
|
- width: 60%;
|
|
|
- height: 100upx;
|
|
|
- background: #f5f5f5;
|
|
|
- color: #666;
|
|
|
- border: 2upx solid #ddd;
|
|
|
- border-radius: 50upx;
|
|
|
- font-size: 38upx;
|
|
|
- font-weight: bold;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: center;
|
|
|
- transition: all 0.3s ease;
|
|
|
- margin: 0 auto 30upx;
|
|
|
-
|
|
|
- &:active {
|
|
|
- transform: scale(0.98);
|
|
|
- background: #e8e8e8;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .tech-support {
|
|
|
- font-size: 32upx;
|
|
|
- color: #999;
|
|
|
- text-align: center;
|
|
|
- line-height: 1.4;
|
|
|
- }
|
|
|
- }
|
|
|
}
|
|
|
|
|
|
// 充值福利提示样式 - 超亮眼版
|
|
|
@@ -721,8 +609,6 @@ export default {
|
|
|
animation: bounce 1.5s infinite, sparkle 2s infinite;
|
|
|
}
|
|
|
|
|
|
-
|
|
|
-
|
|
|
&:active {
|
|
|
transform: scale(0.95);
|
|
|
}
|
|
|
@@ -775,8 +661,6 @@ export default {
|
|
|
}
|
|
|
|
|
|
// 动画效果集合
|
|
|
-
|
|
|
-
|
|
|
@keyframes bounce {
|
|
|
0%, 20%, 50%, 80%, 100% {
|
|
|
transform: translateY(0) scale(1);
|
|
|
@@ -804,8 +688,6 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
|
|
|
-
|
|
|
-
|
|
|
// 福利选择弹框样式
|
|
|
.welfare-modal-content {
|
|
|
padding: 40upx;
|
