| 1 |
- .container.data-v-9f634c2d{min-height:100vh;background-color:#f5f6f8;display:flex;flex-direction:column}.tab-header.data-v-9f634c2d{display:flex;background-color:#fff;padding:0 40rpx;border-bottom:2rpx solid #F0F2F5;position:-webkit-sticky;position:sticky;top:0;z-index:10}.tab-header .tab-item.data-v-9f634c2d{flex:1;height:100rpx;line-height:100rpx;text-align:center;font-size:28rpx;color:#666;position:relative;transition:all .2s}.tab-header .tab-item.active.data-v-9f634c2d{color:#1f6cff;font-weight:700}.tab-header .tab-item.active.data-v-9f634c2d:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:48rpx;height:6rpx;background-color:#1f6cff;border-radius:3rpx}.order-scroll.data-v-9f634c2d{flex:1}.order-scroll .list-wrap.data-v-9f634c2d{padding:24rpx 30rpx}.order-card.data-v-9f634c2d{background:#fff;border-radius:24rpx;padding:32rpx;margin-bottom:24rpx;box-shadow:0 2rpx 12rpx rgba(0,0,0,.04)}.order-card .card-header.data-v-9f634c2d{display:flex;justify-content:space-between;align-items:center;padding-bottom:24rpx;margin-bottom:24rpx;border-bottom:1rpx solid #F0F2F5}.order-card .card-header .order-no.data-v-9f634c2d{font-size:24rpx;color:#999}.order-card .card-header .status-badge.data-v-9f634c2d{padding:4rpx 16rpx;border-radius:16rpx;font-size:22rpx;font-weight:500}.order-card .card-header .status-badge.unpaid.data-v-9f634c2d{background:#fff7e6;color:#fa8c16}.order-card .card-header .status-badge.paid.data-v-9f634c2d{background:#f0fff4;color:#52c41a}.order-card .card-header .status-badge.refunded.data-v-9f634c2d{background:#f5f5f5;color:#999}.order-card .card-header .status-badge.partial_refund.data-v-9f634c2d{background:#e6f7ff;color:#1890ff}.order-card .card-body .body-top.data-v-9f634c2d{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16rpx}.order-card .card-body .body-top .order-info.data-v-9f634c2d{flex:1;min-width:0}.order-card .card-body .body-top .order-info .order-name.data-v-9f634c2d{font-size:32rpx;font-weight:600;color:#1a1a1a;display:block;margin-bottom:8rpx;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-card .card-body .body-top .order-info .order-company.data-v-9f634c2d{font-size:26rpx;color:#888;display:block}.order-card .card-body .body-top .price-block.data-v-9f634c2d{flex-shrink:0;margin-left:16rpx;text-align:right}.order-card .card-body .body-top .price-block .price-symbol.data-v-9f634c2d{font-size:26rpx;color:#ff4d4f;font-weight:500}.order-card .card-body .body-top .price-block .price-num.data-v-9f634c2d{font-size:40rpx;color:#ff4d4f;font-weight:700}.order-card .card-body .order-meta.data-v-9f634c2d{display:flex;gap:24rpx}.order-card .card-body .order-meta .meta-item.data-v-9f634c2d{font-size:24rpx;color:#bbb}.order-card .card-footer.data-v-9f634c2d{margin-top:24rpx;padding-top:24rpx;border-top:1rpx solid #F0F2F5;display:flex;justify-content:flex-end;align-items:center}.order-card .card-footer .footer-tip.data-v-9f634c2d{font-size:24rpx;color:#52c41a}.order-card .card-footer .action-btn.data-v-9f634c2d{height:64rpx;line-height:62rpx;padding:0 40rpx;font-size:26rpx;font-weight:600;border-radius:32rpx;margin:0}.order-card .card-footer .action-btn.data-v-9f634c2d:after{border:none}.order-card .card-footer .action-btn.pay-btn.data-v-9f634c2d{background:linear-gradient(135deg,#1f6cff,#4d8fff);color:#fff;box-shadow:0 4rpx 16rpx rgba(31,108,255,.25)}.modal-mask.data-v-9f634c2d{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);z-index:2000;display:flex;align-items:center;justify-content:center}.modal-container.data-v-9f634c2d{width:580rpx;background:#fff;border-radius:32rpx;padding:48rpx 40rpx 40rpx}.modal-container .modal-title.data-v-9f634c2d{font-size:36rpx;font-weight:700;color:#1a1a1a;text-align:center;margin-bottom:40rpx}.modal-container .pay-info.data-v-9f634c2d{background:#f8f9fb;border-radius:20rpx;padding:32rpx;margin-bottom:40rpx}.modal-container .pay-info .pay-row.data-v-9f634c2d{display:flex;justify-content:space-between;align-items:center;margin-bottom:20rpx}.modal-container .pay-info .pay-row.data-v-9f634c2d:last-child{margin-bottom:0}.modal-container .pay-info .pay-row .pay-label.data-v-9f634c2d{font-size:28rpx;color:#888}.modal-container .pay-info .pay-row .pay-value.data-v-9f634c2d{font-size:28rpx;color:#333;font-weight:500}.modal-container .pay-info .pay-row .pay-value.price.data-v-9f634c2d{color:#ff4d4f;font-size:34rpx;font-weight:700}.modal-container .modal-btns.data-v-9f634c2d{display:flex;gap:20rpx}.modal-container .modal-btns .modal-btn.data-v-9f634c2d{flex:1;height:80rpx;line-height:80rpx;border-radius:40rpx;font-size:28rpx;font-weight:600}.modal-container .modal-btns .modal-btn.data-v-9f634c2d:after{border:none}.modal-container .modal-btns .modal-btn.cancel.data-v-9f634c2d{background:#f5f5f7;color:#666}.modal-container .modal-btns .modal-btn.confirm.data-v-9f634c2d{background:#1f6cff;color:#fff}.modal-container .modal-btns .modal-btn.confirm.data-v-9f634c2d:disabled{opacity:.5}.empty-state.data-v-9f634c2d{display:flex;flex-direction:column;align-items:center;padding-top:150rpx}.empty-state .empty-img.data-v-9f634c2d{width:240rpx;height:240rpx;margin-bottom:20rpx;opacity:.5}.empty-state text.data-v-9f634c2d{font-size:28rpx;color:#ccc}.no-more.data-v-9f634c2d{text-align:center;font-size:24rpx;color:#ccc;padding:40rpx 0}
|