e-scooter-rider-web/dist/assets/VehicleDetail-Dy9bWpCb.css

2 lines
3.2 KiB
CSS

.vehicle-detail[data-v-92bc97ae]{min-height:100vh;background:#f7f7f7;padding-bottom:80px}.detail-header[data-v-92bc97ae]{background:#fff;padding:12px 8px;color:#1a1a1a;display:flex;align-items:center;gap:8px;position:sticky;top:0;z-index:10;border-bottom:.5px solid rgba(0,0,0,.06)}.detail-header span[data-v-92bc97ae]{font-size:16px;font-weight:600}.vehicle-image[data-v-92bc97ae]{position:relative;height:200px;background:#fff;display:flex;align-items:center;justify-content:center}.image-placeholder[data-v-92bc97ae]{font-size:120px}.status-badge[data-v-92bc97ae]{position:absolute;top:12px;right:12px;padding:4px 12px;border-radius:12px;font-size:12px;color:#fff}.status-badge.u7a7au95f2[data-v-92bc97ae]{background:#ff6b00}.status-badge.u5728u79df[data-v-92bc97ae]{background:#ff8c00}.detail-content[data-v-92bc97ae]{padding:12px}.info-card[data-v-92bc97ae]{background:#fff;border-radius:16px;padding:16px;margin-bottom:10px}.info-card h2[data-v-92bc97ae]{margin:0 0 12px;font-size:20px;font-weight:600;color:#1a1a1a}.info-card h3[data-v-92bc97ae]{margin:0 0 12px;font-size:16px;font-weight:600;color:#1a1a1a}.tags[data-v-92bc97ae]{display:flex;gap:8px}.price-list[data-v-92bc97ae]{display:flex;flex-direction:column;gap:12px}.price-item[data-v-92bc97ae]{display:flex;justify-content:space-between;align-items:center}.price-item .label[data-v-92bc97ae]{color:#b2b2b2;font-size:14px}.price-item .value[data-v-92bc97ae]{color:#1a1a1a;font-size:16px}.price-item .value.primary[data-v-92bc97ae]{color:#ff6b00;font-size:20px;font-weight:700}.info-list[data-v-92bc97ae]{display:flex;flex-direction:column;gap:10px}.info-row[data-v-92bc97ae]{display:flex;justify-content:space-between}.info-row .label[data-v-92bc97ae]{color:#b2b2b2}.info-row .value[data-v-92bc97ae]{color:#1a1a1a}.rules p[data-v-92bc97ae]{margin:0 0 8px;font-size:13px;color:#b2b2b2;line-height:1.6}.bottom-action[data-v-92bc97ae]{position:fixed;bottom:0;left:0;right:0;background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:12px 16px;padding-bottom:calc(12px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:12px;border-top:.5px solid rgba(0,0,0,.06)}.price-info[data-v-92bc97ae]{flex:1}.price-info .total[data-v-92bc97ae]{display:block;font-size:20px;color:#ff6b00;font-weight:700}.price-info .hint[data-v-92bc97ae]{font-size:11px;color:#b2b2b2}.bottom-action .el-button[data-v-92bc97ae]{flex:1;background:#ff6b00;border-color:#ff6b00;border-radius:12px}.rent-dialog[data-v-92bc97ae]{padding:10px 0}.rent-vehicle[data-v-92bc97ae]{display:flex;align-items:center;gap:12px;padding:12px;background:#f7f7f7;border-radius:12px;margin-bottom:16px}.rent-vehicle .icon[data-v-92bc97ae]{font-size:40px}.rent-vehicle h4[data-v-92bc97ae]{margin:0;font-size:16px;color:#1a1a1a}.rent-vehicle p[data-v-92bc97ae]{margin:4px 0 0;font-size:12px;color:#b2b2b2}.rent-summary[data-v-92bc97ae]{margin-top:16px;padding-top:16px;border-top:.5px solid #F0F0F0}.summary-row[data-v-92bc97ae]{display:flex;justify-content:space-between;margin-bottom:8px;font-size:14px;color:#b2b2b2}.summary-row.total[data-v-92bc97ae]{margin-top:12px;padding-top:12px;border-top:.5px solid #F0F0F0;font-size:16px;color:#1a1a1a;font-weight:600}.dialog-footer[data-v-92bc97ae]{display:flex;gap:10px;justify-content:center}