2 lines
5.1 KiB
CSS
2 lines
5.1 KiB
CSS
.product-detail-page[data-v-ee7c2f3b]{min-height:100vh;background-color:#f5f5f5}.navbar[data-v-ee7c2f3b]{display:flex;align-items:center;justify-content:space-between;padding:0 16px;height:56px;background:#fff;border-bottom:1px solid #eee;position:sticky;top:0;z-index:100}.nav-left[data-v-ee7c2f3b],.nav-right[data-v-ee7c2f3b]{flex:1}.nav-right[data-v-ee7c2f3b]{display:flex;justify-content:flex-end}.back-btn[data-v-ee7c2f3b],.cart-btn[data-v-ee7c2f3b]{color:#409eff;font-size:14px}.nav-title[data-v-ee7c2f3b]{margin:0;font-size:18px;font-weight:500;color:#333}.product-content[data-v-ee7c2f3b]{padding:0}.product-detail[data-v-ee7c2f3b]{background:#fff}.product-images[data-v-ee7c2f3b]{padding:20px;background:#fff}.product-image[data-v-ee7c2f3b]{width:100%;height:100%;object-fit:cover;border-radius:8px}.product-info[data-v-ee7c2f3b]{padding:20px;background:#fff;border-bottom:8px solid #f5f5f5}.product-header[data-v-ee7c2f3b]{margin-bottom:16px}.product-title[data-v-ee7c2f3b]{margin:0 0 8px;font-size:20px;font-weight:600;color:#333;line-height:1.4}.product-tags[data-v-ee7c2f3b]{display:flex;gap:8px;flex-wrap:wrap}.product-tag[data-v-ee7c2f3b]{margin:0}.product-price[data-v-ee7c2f3b]{margin-bottom:20px}.current-price[data-v-ee7c2f3b]{display:flex;align-items:center;gap:4px;margin-bottom:8px}.current-price .el-icon[data-v-ee7c2f3b]{color:#ff6b35;font-size:20px}.price-number[data-v-ee7c2f3b]{font-size:28px;font-weight:700;color:#ff6b35}.price-unit[data-v-ee7c2f3b]{font-size:16px;color:#ff6b35}.original-price[data-v-ee7c2f3b]{color:#999;font-size:14px;text-decoration:line-through;margin-bottom:4px}.discount-info[data-v-ee7c2f3b]{margin-top:8px}.product-stats[data-v-ee7c2f3b]{display:flex;gap:24px;padding:16px 0;border-top:1px solid #eee;border-bottom:1px solid #eee;margin-bottom:20px}.stat-item[data-v-ee7c2f3b]{display:flex;flex-direction:column;gap:4px}.stat-label[data-v-ee7c2f3b]{font-size:12px;color:#999}.stat-value[data-v-ee7c2f3b]{font-size:14px;font-weight:500;color:#333}.product-description[data-v-ee7c2f3b],.product-details[data-v-ee7c2f3b]{margin-bottom:20px}.product-description h3[data-v-ee7c2f3b],.product-details h3[data-v-ee7c2f3b]{margin:0 0 12px;font-size:16px;color:#333}.product-description p[data-v-ee7c2f3b]{margin:0;line-height:1.6;color:#666}.detail-item[data-v-ee7c2f3b]{display:flex;padding:8px 0;border-bottom:1px solid #f5f5f5}.detail-label[data-v-ee7c2f3b]{width:80px;color:#999;font-size:14px}.detail-value[data-v-ee7c2f3b]{flex:1;color:#333;font-size:14px}.purchase-options[data-v-ee7c2f3b]{margin-bottom:20px}.quantity-selector[data-v-ee7c2f3b]{display:flex;align-items:center;gap:12px}.option-label[data-v-ee7c2f3b]{font-size:14px;color:#333}.action-buttons[data-v-ee7c2f3b]{display:flex;gap:12px;padding:20px;background:#fff;border-top:1px solid #eee;position:sticky;bottom:0}.action-buttons .el-button[data-v-ee7c2f3b]{flex:1}.product-reviews[data-v-ee7c2f3b]{padding:20px;background:#fff;border-bottom:8px solid #f5f5f5}.reviews-header[data-v-ee7c2f3b]{display:flex;align-items:center;gap:8px;margin-bottom:16px}.reviews-header h3[data-v-ee7c2f3b]{margin:0;font-size:16px;color:#333}.review-count[data-v-ee7c2f3b]{font-size:14px;color:#999}.no-reviews[data-v-ee7c2f3b]{text-align:center;padding:40px 20px;color:#999}.reviews-list[data-v-ee7c2f3b]{display:flex;flex-direction:column;gap:16px}.review-item[data-v-ee7c2f3b]{padding:16px;background:#f8f9fa;border-radius:8px}.review-header[data-v-ee7c2f3b]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.reviewer-info[data-v-ee7c2f3b]{display:flex;align-items:center;gap:8px}.reviewer-name[data-v-ee7c2f3b]{font-size:14px;color:#333;font-weight:500}.review-meta[data-v-ee7c2f3b]{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.review-date[data-v-ee7c2f3b]{font-size:12px;color:#999}.review-content p[data-v-ee7c2f3b]{margin:0 0 8px;line-height:1.6;color:#666}.review-images[data-v-ee7c2f3b]{display:flex;gap:8px;flex-wrap:wrap}.review-image[data-v-ee7c2f3b]{width:60px;height:60px;border-radius:4px;object-fit:cover;cursor:pointer}.recommended-products[data-v-ee7c2f3b]{padding:20px;background:#fff}.recommended-products h3[data-v-ee7c2f3b]{margin:0 0 16px;font-size:16px;color:#333}.recommended-grid[data-v-ee7c2f3b]{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.recommended-item[data-v-ee7c2f3b]{display:flex;flex-direction:column;background:#f8f9fa;border-radius:8px;overflow:hidden;cursor:pointer;transition:all .3s}.recommended-item[data-v-ee7c2f3b]:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.recommended-item img[data-v-ee7c2f3b]{width:100%;height:100px;object-fit:cover}.recommended-item .item-info[data-v-ee7c2f3b]{padding:8px}.recommended-item h4[data-v-ee7c2f3b]{margin:0 0 4px;font-size:12px;color:#333;line-height:1.4}.recommended-item .item-price[data-v-ee7c2f3b]{display:flex;align-items:center;gap:2px;color:#ff6b35;font-weight:600;font-size:14px;margin:0}@media (max-width: 768px){.product-stats[data-v-ee7c2f3b]{gap:16px}.recommended-grid[data-v-ee7c2f3b]{grid-template-columns:repeat(3,1fr)}}@media (max-width: 480px){.action-buttons[data-v-ee7c2f3b]{padding:16px}.recommended-grid[data-v-ee7c2f3b]{grid-template-columns:repeat(2,1fr)}}
|