2 lines
4.4 KiB
CSS
2 lines
4.4 KiB
CSS
|
.shop-page[data-v-2008b8d0]{min-height:100vh;background-color:#f5f5f5}.navbar[data-v-2008b8d0]{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-2008b8d0],.nav-right[data-v-2008b8d0]{flex:1}.nav-right[data-v-2008b8d0]{display:flex;justify-content:flex-end}.back-btn[data-v-2008b8d0],.points-btn[data-v-2008b8d0]{color:#409eff;font-size:14px}.nav-title[data-v-2008b8d0]{margin:0;font-size:18px;font-weight:500;color:#333}.search-section[data-v-2008b8d0]{padding:16px;background:#fff;border-bottom:1px solid #eee}.search-input[data-v-2008b8d0]{width:100%}.category-section[data-v-2008b8d0]{background:#fff;padding:16px 0;border-bottom:1px solid #eee}.category-list[data-v-2008b8d0]{display:flex;gap:16px;padding:0 16px;white-space:nowrap}.category-item[data-v-2008b8d0]{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 12px;border-radius:8px;cursor:pointer;transition:all .3s;min-width:60px}.category-item[data-v-2008b8d0]:hover{background:#f0f9ff}.category-item.active[data-v-2008b8d0]{background:#409eff;color:#fff}.category-item span[data-v-2008b8d0]{font-size:12px}.products-section[data-v-2008b8d0]{padding:16px}.section-header[data-v-2008b8d0]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-header h3[data-v-2008b8d0]{margin:0;font-size:16px;color:#333}.sort-btn[data-v-2008b8d0]{display:flex;align-items:center;gap:4px;color:#666;font-size:14px;cursor:pointer}.products-grid[data-v-2008b8d0]{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:20px}.product-card[data-v-2008b8d0]{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a;cursor:pointer;transition:all .3s}.product-card[data-v-2008b8d0]:hover{transform:translateY(-4px);box-shadow:0 8px 16px #00000026}.product-image[data-v-2008b8d0]{position:relative;width:100%;height:120px;overflow:hidden}.product-image img[data-v-2008b8d0]{width:100%;height:100%;object-fit:cover}.discount-badge[data-v-2008b8d0]{position:absolute;top:8px;right:8px;background:#ff4757;color:#fff;padding:2px 6px;border-radius:4px;font-size:12px}.product-info[data-v-2008b8d0]{padding:12px}.product-name[data-v-2008b8d0]{margin:0 0 4px;font-size:14px;font-weight:500;color:#333;line-height:1.4}.product-desc[data-v-2008b8d0]{margin:0 0 8px;font-size:12px;color:#666;line-height:1.4}.product-price[data-v-2008b8d0]{display:flex;align-items:center;gap:8px;margin-bottom:8px}.current-price[data-v-2008b8d0]{display:flex;align-items:center;gap:2px;color:#ff6b35;font-weight:600;font-size:16px}.original-price[data-v-2008b8d0]{color:#999;font-size:12px;text-decoration:line-through}.product-stats[data-v-2008b8d0]{display:flex;justify-content:space-between;font-size:12px;color:#999;margin-bottom:8px}.product-actions[data-v-2008b8d0]{padding:0 12px 12px}.product-actions .el-button[data-v-2008b8d0]{width:100%}.empty-state[data-v-2008b8d0]{text-align:center;padding:60px 20px;color:#999}.load-more[data-v-2008b8d0]{text-align:center;padding:20px}.cart-fab[data-v-2008b8d0]{position:fixed;bottom:80px;right:20px;width:56px;height:56px;background:#409eff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;box-shadow:0 4px 12px #409eff66;z-index:1000}.cart-content[data-v-2008b8d0]{height:100%;display:flex;flex-direction:column}.empty-cart[data-v-2008b8d0]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#999}.cart-item[data-v-2008b8d0]{display:flex;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid #eee}.item-image[data-v-2008b8d0]{width:60px;height:60px;border-radius:8px;object-fit:cover}.item-info[data-v-2008b8d0]{flex:1}.item-info h4[data-v-2008b8d0]{margin:0 0 4px;font-size:14px;color:#333}.item-price[data-v-2008b8d0]{display:flex;align-items:center;gap:2px;color:#ff6b35;font-weight:600;margin:0}.item-actions[data-v-2008b8d0]{display:flex;flex-direction:column;gap:8px;align-items:flex-end}.c
|