| | |
| | | font-size: 30rpx; |
| | | color: #222222; |
| | | } |
| | | .form-value-wrap.data-v-c13e4c60 { |
| | | display: flex; |
| | | align-items: center; |
| | | gap: 8rpx; |
| | | flex: 1; |
| | | justify-content: flex-end; |
| | | } |
| | | .form-value-text.data-v-c13e4c60 { |
| | | font-weight: 400; |
| | | font-size: 28rpx; |
| | | color: #333333; |
| | | } |
| | | .form-value-placeholder.data-v-c13e4c60 { |
| | | font-weight: 400; |
| | | font-size: 28rpx; |
| | | color: #B2B2B2; |
| | | } |
| | | .form-input.data-v-c13e4c60 { |
| | | flex: 1; |
| | | height: 88rpx; |
| | |
| | | font-size: 30rpx; |
| | | color: #222222; |
| | | } |
| | | .amount-row-right.data-v-c13e4c60 { |
| | | display: flex; |
| | | align-items: center; |
| | | gap: 8rpx; |
| | | } |
| | | .amount-row-placeholder.data-v-c13e4c60 { |
| | | font-weight: 400; |
| | | font-size: 30rpx; |
| | | color: #999999; |
| | | } |
| | | .amount-row-discount.data-v-c13e4c60 { |
| | | font-weight: 400; |
| | | font-size: 30rpx; |
| | | color: #FF4D4F; |
| | | } |
| | | .popup-agreement-bar.data-v-c13e4c60 { |
| | | margin-top: 12rpx; |
| | | } |
| | |
| | | .active-submit-btn.data-v-c13e4c60 { |
| | | background: #10B2FA; |
| | | } |
| | | /* 优惠券弹窗样式 */ |
| | | .coupon-popup-wrap.data-v-c13e4c60 { |
| | | background: #ffffff; |
| | | border-radius: 24rpx 24rpx 0 0; |
| | | padding: 0 30rpx 16rpx 30rpx; |
| | | box-sizing: border-box; |
| | | } |
| | | .coupon-popup-head.data-v-c13e4c60 { |
| | | position: relative; |
| | | height: 96rpx; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | } |
| | | .coupon-popup-title.data-v-c13e4c60 { |
| | | font-weight: 600; |
| | | font-size: 32rpx; |
| | | color: #222222; |
| | | } |
| | | .coupon-popup-close.data-v-c13e4c60 { |
| | | position: absolute; |
| | | right: 0; |
| | | top: 50%; |
| | | -webkit-transform: translateY(-50%); |
| | | transform: translateY(-50%); |
| | | width: 56rpx; |
| | | height: 56rpx; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | } |
| | | .coupon-list-scroll.data-v-c13e4c60 { |
| | | max-height: 60vh; |
| | | padding-bottom: 20rpx; |
| | | } |
| | | .coupon-item.data-v-c13e4c60 { |
| | | background: #F7F8FA; |
| | | border-radius: 16rpx; |
| | | padding: 24rpx; |
| | | margin-bottom: 16rpx; |
| | | display: flex; |
| | | flex-direction: column; |
| | | gap: 20rpx; |
| | | border: 2rpx solid transparent; |
| | | transition: all 0.3s; |
| | | } |
| | | .coupon-item-top.data-v-c13e4c60 { |
| | | display: flex; |
| | | justify-content: space-between; |
| | | align-items: flex-start; |
| | | } |
| | | .coupon-item-bottom.data-v-c13e4c60 { |
| | | display: flex; |
| | | justify-content: space-between; |
| | | align-items: center; |
| | | } |
| | | .coupon-divider.data-v-c13e4c60 { |
| | | height: 1rpx; |
| | | background: repeating-linear-gradient(to right, #CCCCCC 0, #CCCCCC 8rpx, transparent 8rpx, transparent 16rpx); |
| | | margin: 12rpx 0; |
| | | } |
| | | .coupon-item.active.data-v-c13e4c60 { |
| | | background: #E6F7FF; |
| | | border-color: #1890FF; |
| | | } |
| | | .coupon-item-left.data-v-c13e4c60 { |
| | | flex: 1; |
| | | display: flex; |
| | | flex-direction: column; |
| | | gap: 12rpx; |
| | | } |
| | | .coupon-name.data-v-c13e4c60 { |
| | | font-weight: 500; |
| | | font-size: 30rpx; |
| | | color: #222222; |
| | | } |
| | | .coupon-validity.data-v-c13e4c60 { |
| | | font-weight: 400; |
| | | font-size: 24rpx; |
| | | color: #999999; |
| | | } |
| | | .coupon-usage.data-v-c13e4c60 { |
| | | display: flex; |
| | | align-items: center; |
| | | gap: 8rpx; |
| | | font-weight: 400; |
| | | font-size: 24rpx; |
| | | color: #666666; |
| | | } |
| | | .coupon-usage-label.data-v-c13e4c60 { |
| | | font-weight: 400; |
| | | font-size: 24rpx; |
| | | color: #666666; |
| | | } |
| | | .coupon-usage-text.data-v-c13e4c60 { |
| | | font-weight: 400; |
| | | font-size: 24rpx; |
| | | color: #666666; |
| | | line-height: 1.5; |
| | | } |
| | | .coupon-item-right.data-v-c13e4c60 { |
| | | display: flex; |
| | | flex-direction: column; |
| | | align-items: flex-end; |
| | | gap: 12rpx; |
| | | } |
| | | .coupon-amount.data-v-c13e4c60 { |
| | | font-weight: 600; |
| | | font-size: 32rpx; |
| | | color: #FF4D4F; |
| | | } |
| | | .coupon-desc.data-v-c13e4c60 { |
| | | font-weight: 400; |
| | | font-size: 22rpx; |
| | | color: #FF4D4F; |
| | | border-radius: 12rpx; |
| | | } |
| | | .coupon-confirm-btn-wrap.data-v-c13e4c60 { |
| | | padding: 24rpx 0; |
| | | } |
| | | .coupon-confirm-btn.data-v-c13e4c60 { |
| | | height: 88rpx; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | font-weight: bold; |
| | | font-size: 32rpx; |
| | | color: #FFFFFF; |
| | | border-radius: 12rpx; |
| | | } |
| | | .coupon-value-red.data-v-c13e4c60 { |
| | | font-weight: 400; |
| | | font-size: 30rpx; |
| | | color: #FF4D4F; |
| | | } |
| | | |