2 lines
6.3 KiB
CSS
2 lines
6.3 KiB
CSS
.page[data-v-e32909b0]{min-height:100vh;background:#f7f7f7}.page-header[data-v-e32909b0]{position:sticky;top:0;z-index:10;background:#fff;padding:14px 16px 12px;border-bottom:.5px solid rgba(0,0,0,.06)}.header-row[data-v-e32909b0]{position:relative;display:flex;align-items:center;justify-content:flex-end}.page-title[data-v-e32909b0]{position:absolute;left:50%;transform:translate(-50%);font-size:18px;font-weight:600;color:#1a1a1a}.btn-add-inline[data-v-e32909b0]{background:#ff6b00;color:#fff;border:none;border-radius:16px;padding:6px 14px;font-size:13px;font-weight:600;cursor:pointer;flex-shrink:0}.list-wrap[data-v-e32909b0]{padding:12px}.stats-bar[data-v-e32909b0]{display:flex;align-items:center;background:#fff;border-radius:14px;padding:12px 20px;margin-bottom:12px}.stat-item[data-v-e32909b0]{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px}.stat-num[data-v-e32909b0]{font-size:22px;font-weight:700;color:#1a1a1a;line-height:1}.stat-num.renting[data-v-e32909b0]{color:#ff6b00}.stat-num.completed[data-v-e32909b0]{color:#52c41a}.stat-num.cancelled[data-v-e32909b0]{color:#8e8e93}.stat-label[data-v-e32909b0]{font-size:12px;color:#8e8e93}.stat-divider[data-v-e32909b0]{width:1px;height:32px;background:#f0f0f0}.loading[data-v-e32909b0]{display:flex;flex-direction:column;align-items:center;gap:12px;padding:60px;color:#b2b2b2;font-size:14px}.loading-ring[data-v-e32909b0]{width:32px;height:32px;border:3px solid #E5E5E5;border-top-color:#ff6b00;border-radius:50%;animation:spin-e32909b0 .8s linear infinite}@keyframes spin-e32909b0{to{transform:rotate(360deg)}}.empty[data-v-e32909b0]{text-align:center;padding:60px 40px}.empty-icon[data-v-e32909b0]{font-size:48px;margin-bottom:12px}.empty-text[data-v-e32909b0]{font-size:15px;color:#1a1a1a;font-weight:500}.order-card[data-v-e32909b0]{background:#fff;border-radius:16px;margin-bottom:10px;overflow:hidden;box-shadow:0 1px 4px #0000000a}.card-header[data-v-e32909b0]{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 12px;border-bottom:1px solid #F5F5F5}.order-id-row[data-v-e32909b0]{display:flex;align-items:center;gap:8px}.order-icon[data-v-e32909b0]{font-size:20px}.order-number[data-v-e32909b0]{font-size:15px;font-weight:700;color:#1a1a1a;letter-spacing:.5px}.status-badge[data-v-e32909b0]{display:flex;align-items:center;gap:5px;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.badge-dot[data-v-e32909b0]{width:6px;height:6px;border-radius:50%}.badge-pending[data-v-e32909b0]{background:#fff7e6;color:#fa8c16}.badge-pending .badge-dot[data-v-e32909b0]{background:#fa8c16}.badge-renting[data-v-e32909b0]{background:#fff7f0;color:#ff6b00}.badge-renting .badge-dot[data-v-e32909b0]{background:#ff6b00;animation:pulse-e32909b0 1.5s infinite}.badge-completed[data-v-e32909b0]{background:#f0fff4;color:#52c41a}.badge-completed .badge-dot[data-v-e32909b0]{background:#52c41a}.badge-cancelled[data-v-e32909b0]{background:#f5f5f5;color:#8e8e93}.badge-cancelled .badge-dot[data-v-e32909b0]{background:#8e8e93}.badge-default[data-v-e32909b0]{background:#f5f5f5;color:#666}@keyframes pulse-e32909b0{0%,to{opacity:1}50%{opacity:.4}}.card-body[data-v-e32909b0]{padding:10px 16px}.info-row[data-v-e32909b0]{display:flex;gap:12px;margin-bottom:8px}.info-row[data-v-e32909b0]:last-child{margin-bottom:0}.info-group[data-v-e32909b0]{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.info-group.full[data-v-e32909b0]{flex:none;width:100%}.info-label[data-v-e32909b0]{font-size:11px;color:#b2b2b2;text-transform:uppercase;letter-spacing:.3px}.info-value[data-v-e32909b0]{font-size:13px;color:#1a1a1a;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.info-value.price[data-v-e32909b0]{color:#ff6b35;font-weight:600}.card-footer[data-v-e32909b0]{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:#fafafa;border-top:1px solid #F5F5F5}.footer-hint[data-v-e32909b0]{font-size:11px;color:#b2b2b2}.action-btns[data-v-e32909b0]{display:flex;gap:8px}.btn-action[data-v-e32909b0]{display:flex;align-items:center;gap:5px;padding:6px 14px;border-radius:16px;border:none;font-size:13px;font-weight:500;cursor:pointer;transition:opacity .2s,transform .15s}.btn-action[data-v-e32909b0]:active{transform:scale(.96);opacity:.8}.btn-complete[data-v-e32909b0]{background:#f0fff4;color:#52c41a}.btn-cancel-order[data-v-e32909b0]{background:#fff7e6;color:#fa8c16}.btn-edit[data-v-e32909b0]{background:#fff7f0;color:#ff6b00}.btn-del[data-v-e32909b0]{background:#fff0f0;color:#ff4d4f}.dialog-overlay[data-v-e32909b0]{position:fixed;inset:0;background:#0006;display:flex;align-items:flex-end;z-index:200}.dialog[data-v-e32909b0]{background:#fff;width:100%;border-radius:20px 20px 0 0;padding-bottom:calc(16px + env(safe-area-inset-bottom));max-height:90vh;overflow-y:auto}.dialog-handle[data-v-e32909b0]{width:36px;height:4px;background:#ddd;border-radius:2px;margin:10px auto 0}.dialog-title[data-v-e32909b0]{text-align:center;font-size:17px;font-weight:600;color:#1a1a1a;padding:18px 16px 14px}.dialog-body[data-v-e32909b0]{padding:0 16px 16px}.form-item[data-v-e32909b0]{margin-bottom:14px}.form-item label[data-v-e32909b0]{display:block;font-size:13px;color:#8e8e93;margin-bottom:8px}.required[data-v-e32909b0]{color:#ff4d4f}.form-item input[data-v-e32909b0]{width:100%;padding:12px 14px;background:#f7f7f7;border:none;border-radius:10px;font-size:15px;color:#1a1a1a;outline:none;box-sizing:border-box}.form-item input[data-v-e32909b0]::placeholder{color:#b2b2b2}.form-item select[data-v-e32909b0]{width:100%;padding:12px 14px;background:#f7f7f7;border:none;border-radius:10px;font-size:15px;color:#1a1a1a;outline:none;box-sizing:border-box;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%238E8E93' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;cursor:pointer}.form-item select[data-v-e32909b0]:disabled{color:#b2b2b2;cursor:not-allowed}.dialog-footer[data-v-e32909b0]{display:flex;gap:12px;padding:0 16px 16px}.btn-cancel[data-v-e32909b0],.btn-confirm[data-v-e32909b0]{flex:1;padding:13px;border-radius:24px;font-size:16px;font-weight:500;cursor:pointer;border:none}.btn-cancel[data-v-e32909b0]{background:#f0f0f0;color:#666}.btn-confirm[data-v-e32909b0]{background:#ff6b00;color:#fff}
|