detail-2pV1SE6z.css 4.0 KB

1
  1. .order-detail-container[data-v-4de8a82d]{background:#f5f5f5;min-height:100%}.page-header[data-v-4de8a82d]{background:#fff;padding:15px 20px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #eee}.page-header .page-title[data-v-4de8a82d]{font-size:16px;font-weight:700;color:#333}.page-content[data-v-4de8a82d]{padding:20px}.progress-section[data-v-4de8a82d]{background:#fff;border-radius:8px;padding:30px 50px;margin-bottom:15px}.progress-section .progress-steps[data-v-4de8a82d]{display:flex;justify-content:space-between;position:relative}.progress-section .progress-steps .step-item[data-v-4de8a82d]{display:flex;flex-direction:column;align-items:center;position:relative;flex:1}.progress-section .progress-steps .step-item .step-icon[data-v-4de8a82d]{width:50px;height:50px;border-radius:8px;background:#f5f5f5;display:flex;align-items:center;justify-content:center;color:#999;margin-bottom:10px;position:relative;z-index:1}.progress-section .progress-steps .step-item.active .step-icon[data-v-4de8a82d]{background:#e60012;color:#fff}.progress-section .progress-steps .step-item.current .step-icon[data-v-4de8a82d]:after{content:"";position:absolute;bottom:-5px;left:50%;transform:translate(-50%);width:8px;height:8px;border-radius:50%;background:#e60012}.progress-section .progress-steps .step-item .step-info[data-v-4de8a82d]{text-align:center}.progress-section .progress-steps .step-item .step-info .step-title[data-v-4de8a82d]{font-size:14px;color:#999;margin-bottom:5px}.progress-section .progress-steps .step-item .step-info .step-desc[data-v-4de8a82d]{font-size:12px;color:#666;margin-bottom:3px}.progress-section .progress-steps .step-item .step-info .step-time[data-v-4de8a82d]{font-size:12px;color:#999}.progress-section .progress-steps .step-item.active .step-info .step-title[data-v-4de8a82d]{color:#333}.progress-section .progress-steps .step-item .step-line[data-v-4de8a82d]{position:absolute;top:25px;left:calc(50% + 30px);width:calc(100% - 60px);height:2px;background:#eee}.progress-section .progress-steps .step-item .step-line.active[data-v-4de8a82d]{background:#e60012}.progress-section .progress-steps .step-item:last-child .step-line[data-v-4de8a82d]{display:none}.section[data-v-4de8a82d]{background:#fff;border-radius:8px;padding:20px;margin-bottom:15px}.section .section-title[data-v-4de8a82d]{font-size:16px;font-weight:700;display:flex;align-items:center;gap:8px;margin-bottom:15px}.title-bar[data-v-4de8a82d]{display:inline-block;width:3px;height:16px;background:#e60012;border-radius:2px}.product-cell[data-v-4de8a82d]{display:flex;align-items:center;gap:15px}.product-cell .product-image[data-v-4de8a82d]{width:80px;height:80px;background:#f5f5f5;border-radius:4px;overflow:hidden;flex-shrink:0}.product-cell .product-image .el-image[data-v-4de8a82d]{width:100%;height:100%}.product-cell .product-image .image-placeholder[data-v-4de8a82d]{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.product-cell .product-info .product-name[data-v-4de8a82d]{font-size:14px;color:#333;margin-bottom:5px;line-height:1.4}.product-cell .product-info .product-spec[data-v-4de8a82d]{font-size:12px;color:#999}.product-summary[data-v-4de8a82d]{text-align:right;padding:15px 0;font-size:14px;color:#666}.product-summary .total-price[data-v-4de8a82d]{font-size:18px;font-weight:700;color:#e60012;margin-left:5px}.address-card[data-v-4de8a82d]{padding:15px;border:1px solid #eee;border-radius:4px}.address-card .address-detail[data-v-4de8a82d]{font-size:14px;color:#333;margin-bottom:8px}.address-card .address-name[data-v-4de8a82d]{font-size:14px;color:#666;margin-bottom:5px}.address-card .address-phone[data-v-4de8a82d]{font-size:14px;color:#666}.info-table .info-row[data-v-4de8a82d]{display:flex;padding:10px 0;border-bottom:1px solid #f5f5f5}.info-table .info-row[data-v-4de8a82d]:last-child{border-bottom:none}.info-table .info-row .info-label[data-v-4de8a82d]{width:100px;font-size:14px;color:#999;flex-shrink:0}.info-table .info-row .info-value[data-v-4de8a82d]{flex:1;font-size:14px;color:#333}