.order-confirm-page { padding-bottom: 100px; // 留出底部固定按钮的空间 .error-state { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 60px 20px; text-align: center; .error-text { color: #999; margin-bottom: 20px; font-size: 14px; } } .fixed-bottom { position: fixed; bottom: 0; left: 0; right: 0; display: flex; justify-content: space-between; align-items: center; padding: 10px 20px; background-color: #fff; border-top: 1px solid #eee; box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.05); .total-price { display: flex; align-items: center; } .submit-btn { width: 150px; } } } .address-bottom-line{ width: 100%; border-radius: 12rpx 12rpx 0 0; background: #fff; padding: 26rpx 49rpx 0 34rpx; position: relative; &:before { position: absolute; right: 0; bottom: 0; left: 0; height: 5px; background: repeating-linear-gradient(-45deg, #ff6c6c, #ff6c6c 20%, transparent 0, transparent 25%, #1989fa 0, #1989fa 45%, transparent 0, transparent 50%); background-size: 120px; content: ""; } } // 优惠券弹窗样式 .coupon-popup { height: 100%; display: flex; flex-direction: column; &__header { display: flex; justify-content: space-between; align-items: center; padding: 16px; border-bottom: 1px solid #f0f0f0; } &__title { font-size: 16px; font-weight: 600; color: #333; } &__content { flex: 1; overflow-y: auto; } &__current { padding: 16px; background: #f8f9fa; border-bottom: 1px solid #f0f0f0; &-title { font-size: 28rpx; color: #666; margin-bottom: 8px; } &-item { display: flex; justify-content: space-between; align-items: center; padding: 8rpx 12rpx; background: #fff; border-radius: 6rpx; font-size: 28rpx; } } }