💻 代码预览 · 小草快递助手

1<!DOCTYPE html><html lang="zh-CN"><head>
2<meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
3<title>物流详情 - 小草快递助手</title><link rel="stylesheet" href="style.css">
4</head><body>
5<div class="header"><span class="back" onclick="history.back()">‹</span><h1>物流详情</h1><span class="right">🔗</span></div>
6<div class="trace-card">
7  <div class="trace-status">
8    <div class="ts-icon">📦</div>
9    <div class="ts-info">
10      <b id="t-status">运输中</b>
11      <span id="t-name">【顺丰】数码配件</span>
12    </div>
13  </div>
14  <div class="trace-list" id="trace-list"></div>
15</div>
16<div class="card">
17  <div class="section-title" style="margin:0 0 8px">📋 包裹信息</div>
18  <div style="font-size:13px;color:#666;line-height:2">
19    <div>快递公司：<b id="t-company"></b></div>
20    <div>运单编号：<span id="t-no" style="color:var(--primary)"></span></div>
21    <div>寄件人：广州白云仓 · 王发件</div>
22    <div>收件人：王小草 138****8866</div>
23    <div>运输方式：陆运 · 预计今日送达</div>
24  </div>
25</div>
26<div style="height:70px"></div>
27<div class="tabbar">
28  <a href="index.html"><span class="icon">🏠</span>首页</a>
29  <a href="send.html"><span class="icon">✈️</span>寄件</a>
30  <a href="packages.html"><span class="icon">🗂️</span>包裹</a>
31  <a href="mine.html"><span class="icon">👤</span>我的</a>
32</div>
33<script src="data.js"></script>
34<script src="app.js"></script>
35<script>renderTrace();</script>
36</body></html>