| | |
| | | min-height: 100vh; |
| | | background: #f5f6f8; |
| | | } |
| | | .nav-bar.data-v-c13e4c60 { |
| | | position: -webkit-sticky; |
| | | position: sticky; |
| | | top: 0; |
| | | left: 0; |
| | | right: 0; |
| | | background: #ffffff; |
| | | z-index: 100; |
| | | } |
| | | .nav-bar .nav-content.data-v-c13e4c60 { |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: space-between; |
| | | padding: 0 30rpx; |
| | | } |
| | | .nav-bar .nav-content .nav-left.data-v-c13e4c60 { |
| | | width: 40rpx; |
| | | height: 40rpx; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | } |
| | | .nav-bar .nav-content .nav-title.data-v-c13e4c60 { |
| | | font-size: 34rpx; |
| | | font-weight: 600; |
| | | color: #333333; |
| | | } |
| | | .nav-bar .nav-content .nav-right.data-v-c13e4c60 { |
| | | width: 40rpx; |
| | | } |
| | | .top-gradient-bg.data-v-c13e4c60 { |
| | | position: absolute; |
| | | left: 0; |
| | | top: 88rpx; |
| | | top: 0; |
| | | width: 100%; |
| | | height: 480rpx; |
| | | background: linear-gradient(180deg, #15b9f7 0%, #f7f7f7 100%); |
| | |
| | | } |
| | | .page-scroll.data-v-c13e4c60 { |
| | | position: relative; |
| | | z-index: 1; |
| | | height: calc(100vh - 88rpx - 186rpx - env(safe-area-inset-bottom)); |
| | | } |
| | | .page-content.data-v-c13e4c60 { |
| | |
| | | color: #c1c6d0; |
| | | } |
| | | .store-list-scroll.data-v-c13e4c60 { |
| | | max-height: 70vh; |
| | | max-height: 60vh; |
| | | min-height: 50vh; |
| | | margin-top: 30rpx; |
| | | } |
| | |
| | | font-weight: 500; |
| | | 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; |
| | |
| | | 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; |
| | | } |
| | |
| | | left: 0; |
| | | right: 0; |
| | | bottom: 0; |
| | | z-index: 1; |
| | | padding: 0 0 env(safe-area-inset-bottom); |
| | | background: #ffffff; |
| | | box-sizing: border-box; |
| | |
| | | .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; |
| | | min-height: 20vh; |
| | | padding-bottom: 20rpx; |
| | | } |
| | | .coupon-list-scroll-wu.data-v-c13e4c60 { |
| | | width: 100%; |
| | | height: 20vh; |
| | | line-height: 20vh; |
| | | text-align: center; |
| | | font-weight: 400; |
| | | font-size: 30rpx; |
| | | color: #999999; |
| | | } |
| | | .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: 44rpx; |
| | | } |
| | | .coupon-value-red.data-v-c13e4c60 { |
| | | font-weight: 400; |
| | | font-size: 30rpx; |
| | | color: #FF4D4F; |
| | | } |
| | | |