小草洗鞋店/detail.html · 约 4209 字符
1<!DOCTYPE html>
2<html lang="zh-CN">
3<head>
4<meta charset="UTF-8"/>
5<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"/>
6<title>服务详情 · 小草洗鞋店</title>
7<link rel="stylesheet" href="style.css"/>
8</head>
9<body>
10
11<header class="header"><a class="back" onclick="history.back()">‹</a><h1>服务详情</h1><span class="right"></span></header>
12<div class="detail-img"><div class="di-badge">📷 洗前洗后实拍</div>👟</div>
13<div class="detail-price">
14 <div class="dp-num">¥19.9<small> /双</small> <span style="color:#dc2626;font-size:13px">会员价 9.9 起</span></div>
15 <div class="dp-meta">小白鞋/网面运动鞋 · 去黄增白 · 杀菌除臭 · 含免费上门取送</div>
16 <div class="dp-row">
17 <div class="dp-cell">🧼 7 道工序</div>
18 <div class="dp-cell">🚚 免费取送</div>
19 <div class="dp-cell">🏷️ 水洗唛</div>
20 <div class="dp-cell">✅ 洗坏包赔</div>
21 </div>
22</div>
23<div class="process-box">
24 <div class="pb-title">🧪 标准洗护工序（7 步）</div>
25 <div class="process-line"><div class="pl-no">1</div><div class="pl-body"><b>除尘分离</b><span>鞋带鞋垫拆下分别浸泡，去大块泥沙</span></div></div>
26 <div class="process-line"><div class="pl-no">2</div><div class="pl-body"><b>杀菌消毒</b><span>紫外线+专用消毒液，杀灭细菌异味源</span></div></div>
27 <div class="process-line"><div class="pl-no">3</div><div class="pl-body"><b>除臭处理</b><span>鞋内除臭剂+活性炭，长效清新</span></div></div>
28 <div class="process-line"><div class="pl-no">4</div><div class="pl-body"><b>分区清洗</b><span>网面/皮质/翻毛分洗，不混色不伤材</span></div></div>
29 <div class="process-line"><div class="pl-no">5</div><div class="pl-body"><b>上油补色</b><span>真皮上油护色，小白鞋祛黄增白</span></div></div>
30 <div class="process-line"><div class="pl-no">6</div><div class="pl-body"><b>抛光定型</b><span>低温烘干定型，防变形防开胶</span></div></div>
31 <div class="process-line"><div class="pl-no">7</div><div class="pl-body"><b>质检封装</b><span>挂水洗唛码，独立防尘密封袋封装</span></div></div>
32</div>
33<div class="spec-box">
34 <div class="sb-title">选择规格</div>
35 <div class="spec-row"><span class="sr-label">鞋型</span><div class="sr-opts"><div class="spec-opt sel">小白鞋</div><div class="spec-opt">网面运动鞋</div><div class="spec-opt">帆布板鞋</div></div></div>
36 <div class="spec-row"><span class="sr-label">服务深度</span><div class="sr-opts"><div class="spec-opt sel">标准精洗</div><div class="spec-opt">深度祛黄</div><div class="spec-opt">加急 24h</div></div></div>
37 <div class="spec-row"><span class="sr-label">数量</span><div class="sr-num"><i>-</i><b>1</b><i>+</i></div></div>
38</div>
39<div class="section-title">💬 用户评价（3.6 万+）</div>
40<div id="evalList"></div>
41<div style="height:70px"></div>
42<div class="buy-bar">
43 <div class="bb-cart"><span class="ico">🧺<span class="num">1</span></span>洗鞋篮</div>
44 <div class="bb-btn cart" data-toast="已加入洗鞋篮">加入洗鞋篮</div>
45 <div class="bb-btn now" data-toast="订单提交成功，小哥将上门取鞋">立即下单</div>
46</div>
47
48
49<nav class="tabbar"><a class="" href="index.html"><span class="icon">🏠</span>首页</a><a class=" active" href="category.html"><span class="icon">🧼</span>服务</a><a class="" href="vip.html"><span class="icon">💎</span>会员</a><a class="" href="track.html"><span class="icon">📦</span>进度</a><a class="" href="mine.html"><span class="icon">👤</span>我的</a></nav>
50<script src="data.js"></script>
51<script>
52 var el = document.getElementById('evalList');
53 var h = '';
54 window.DATA.evals.forEach(function (x) {
55 h += '<div class="eval-card"><div class="ev-head"><div class="ev-avatar">' + x.avatar + '</div>'
56 + '<div>' + x.name + '</div><div class="ev-star">' + x.star + '</div>'
57 + '</div><div class="ev-text">' + x.text + '</div></div>';
58 });
59 el.innerHTML = h;
60</script>
61<script src="app.js"></script>
62</body>
63</html>