小草洗鞋店/track.html · 约 2440 字符
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="section-title">📦 我的洗护订单</div>
13<div class="track-card">
14 <div class="tk-head"><span>2026-08-31 14:20 <span class="tag">上门取送</span></span><span class="st">清洗中</span></div>
15 <div class="tk-goods"><div class="tg-img">👟</div><div class="tg-name">小白鞋深度祛黄精洗 ×2<br/><span style="font-size:11px;color:#7aa3ac">水洗唛 #XC8823</span></div><div class="tg-price">¥39.8</div></div>
16</div>
17<div class="section-title">🔄 实时洗护进度</div>
18<div class="track-line" id="trackList"></div>
19<div class="section-title">🏷️ 水洗唛溯源</div>
20<div class="card" style="margin-top:0;font-size:12px;color:#365a64;line-height:2">
21 🔎 每双鞋绑定独立条码（水洗唛），扫码即可查看当前状态：<br/>
22 ① 待取货 ② 入库中 ③ 清洗中 ④ 清洗完成 ⑤ 送回中 ⑥ 已签收<br/>
23 📍 丢损包赔 · 洗坏按鞋价赔偿 · 全程冷链防尘封装
24</div>
25<div style="height:70px"></div>
26
27
28<nav class="tabbar"><a class="" href="index.html"><span class="icon">🏠</span>首页</a><a class="" href="category.html"><span class="icon">🧼</span>服务</a><a class="" href="vip.html"><span class="icon">💎</span>会员</a><a class=" active" href="track.html"><span class="icon">📦</span>进度</a><a class="" href="mine.html"><span class="icon">👤</span>我的</a></nav>
29<script src="data.js"></script>
30<script>
31 var tl = document.getElementById('trackList');
32 var h = '';
33 window.DATA.tracks.forEach(function (t) {
34 var cls = t.now ? 'now' : (t.done ? 'done' : '');
35 h += '<div class="tl-item ' + cls + '"><div class="tl-dot"></div><div>'
36 + '<div class="tl-title">' + t.title + (t.now ? '<span class="tl-tag">进行中</span>' : '') + '</div>'
37 + '<div class="tl-time">' + t.time + '</div>'
38 + (t.photo ? '<div class="tl-photo">📷 ' + t.photo + '</div>' : '')
39 + '</div></div>';
40 });
41 tl.innerHTML = h;
42</script>
43<script src="app.js"></script>
44</body>
45</html>