.order-list { padding: 15px; background-color: #f5f5f5; } .order-item { background-color: white; border-radius: 10px; padding: 15px; margin-bottom: 15px; } .order-header { margin-bottom: 15px; } .order-number { font-size: 16px; font-weight: bold; color: #333; } .product-list { border-top: 1px solid #eee; padding-top: 15px; } .product-item { display: flex; align-items: center; padding: 10px 0; border-bottom: 1px solid #eee; } .product-item:last-child { border-bottom: none; } .product-info { flex: 1; display: flex; align-items: center; } .product-img { position: relative; width: 80px; height: 80px; margin-right: 15px; } .product-img image { width: 100%; height: 100%; border-radius: 5px; } .tag { position: absolute; top: 0; left: 0; background-color: #ff7d00; color: white; font-size: 12px; padding: 2px 5px; border-radius: 3px 0 3px 0; } .product-details { flex: 1; } .product-name { font-size: 14px; color: #333; margin-bottom: 5px; display: block; } .product-spec, .product-unit { font-size: 12px; color: #666; margin-bottom: 3px; display: block; } .evaluate-btn { background-color: #ff7d00; color: white; border: none; border-radius: 10px; /* padding: 8px 15px; */ font-size: 14px; min-width: 80px; } .evaluate-btn::after { border: none; }