jiapengyu
2 lines
3.0 KiB
CSS
2 lines
3.0 KiB
CSS
.container[data-v-c82568ec]{min-height:100vh;background:#f5f5f5;padding:1rem 1rem 5rem}.detail-card[data-v-c82568ec]{background:#fff;border-radius:.5rem;overflow:hidden}.detail-header[data-v-c82568ec]{display:flex;justify-content:space-between;align-items:flex-start;padding:.875rem .75rem;background:linear-gradient(135deg,#36f,#254edb)}.order-info[data-v-c82568ec]{display:flex;flex-direction:column}.order-id[data-v-c82568ec]{font-size:.9375rem;font-weight:600;color:#fff;margin-bottom:.25rem}.order-time[data-v-c82568ec]{font-size:.75rem;color:rgba(255,255,255,.8)}.order-status[data-v-c82568ec]{font-size:.75rem;padding:.25rem .625rem;border-radius:.625rem;background:rgba(255,255,255,.2);color:#fff}.detail-section[data-v-c82568ec]{padding:.75rem;border-bottom:.03125rem solid #f0f0f0}.detail-section[data-v-c82568ec]:last-child{border-bottom:none}.section-title[data-v-c82568ec]{display:flex;align-items:center;font-size:.9375rem;font-weight:600;color:#333;margin-bottom:.625rem}.section-icon[data-v-c82568ec]{margin-right:.375rem}.items-list[data-v-c82568ec]{display:flex;flex-direction:column;gap:.5rem}.item-card[data-v-c82568ec]{display:flex;justify-content:space-between;align-items:center;padding:.625rem;background:#f9fafb;border-radius:.375rem}.item-left[data-v-c82568ec]{display:flex;align-items:center;flex:1}.item-icon[data-v-c82568ec]{font-size:1.375rem;margin-right:.5rem}.item-info[data-v-c82568ec]{display:flex;flex-direction:column}.item-name[data-v-c82568ec]{font-size:.9375rem;font-weight:600;color:#333;margin-bottom:.125rem}.item-spec[data-v-c82568ec]{font-size:.75rem;color:#999}.item-right[data-v-c82568ec]{display:flex;flex-direction:column;align-items:flex-end}.item-price[data-v-c82568ec]{font-size:.75rem;color:#999;margin-bottom:.125rem}.item-amount[data-v-c82568ec]{font-size:1rem;font-weight:600;color:#36f}.amount-detail[data-v-c82568ec]{background:#f9fafb;border-radius:.375rem;padding:.625rem}.amount-row[data-v-c82568ec]{display:flex;justify-content:space-between;align-items:center;padding:.375rem 0}.amount-row.total[data-v-c82568ec]{padding-top:.5rem;margin-top:.375rem;border-top:.03125rem dashed #e5e7eb}.amount-label[data-v-c82568ec]{font-size:.875rem;color:#666}.total .amount-label[data-v-c82568ec]{font-weight:600;color:#333}.amount-value[data-v-c82568ec]{font-size:.875rem;font-weight:600;color:#333}.amount-value.discount[data-v-c82568ec]{color:#f59e0b}.total .amount-value[data-v-c82568ec]{font-size:1.125rem;color:#36f}.bottom-actions[data-v-c82568ec]{position:fixed;bottom:0;left:0;right:0;display:flex;gap:.75rem;padding:.75rem 1rem;padding-bottom:calc(.75rem + env(safe-area-inset-bottom));background:#fff;box-shadow:0 -.125rem .375rem rgba(0,0,0,.05)}.action-btn[data-v-c82568ec]{flex:1;border-radius:1.25rem;padding:.75rem;text-align:center;font-size:1rem;font-weight:600}.action-btn.secondary[data-v-c82568ec]{background:#f3f4f6;color:#666}.action-btn.primary[data-v-c82568ec]{background:linear-gradient(135deg,#36f,#254edb);color:#fff}.action-btn[data-v-c82568ec]:active{opacity:.85}
|