send.html · 约 2686 字符
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="send-card">
7 <label>选择快递公司（比价）</label>
8 <div class="cmp-row" id="cmp-row"></div>
9 <label>寄件人信息</label>
10 <div class="addr-box" style="border:1px solid #e5e9ee;border-radius:12px;padding:12px">
11 <div class="ab-icon">🏠</div>
12 <div class="ab-info"><b>王小草 138****8866</b><span>西安市雁塔区科技路38号2号楼1201室</span></div>
13 <a href="addrbook.html" style="color:var(--primary);font-size:13px">选择 ›</a>
14 </div>
15 <label>收件人信息</label>
16 <div class="addr-box" style="border:1px solid #e5e9ee;border-radius:12px;padding:12px">
17 <div class="ab-icon">📍</div>
18 <div class="ab-info"><b>李大树 139****5521</b><span>西安市未央区凤城五路海璟时代B座</span></div>
19 <a href="addrbook.html" style="color:var(--primary);font-size:13px">选择 ›</a>
20 </div>
21 <label>物品信息</label>
22 <input placeholder="物品名称，如：衣物、文件">
23 <div class="book-row" style="display:flex;gap:10px;margin-top:10px">
24 <select style="flex:1"><option>重量：1kg以内</option><option>1-3kg</option><option>3-5kg</option></select>
25 <select style="flex:1"><option>普通件</option><option>加急件</option><option>保价件</option></select>
26 </div>
27 <label>预约取件</label>
28 <select>
29 <option>今天 16:00 - 18:00</option>
30 <option>今天 18:00 - 20:00</option>
31 <option>明天 9:00 - 12:00</option>
32 <option>不用上门，我送到驿站</option>
33 </select>
34</div>
35<div class="card">
36 <div class="price-row"><span>运费预估（首重）</span><b id="s-price">¥10</b></div>
37 <div class="price-row"><span>优惠券</span><b style="color:var(--secondary)" id="s-coupon">-¥5</b></div>
38 <div class="price-row" style="border-top:1px solid #f5f5f5;margin-top:6px;padding-top:10px"><span style="font-weight:700">合计</span><b style="font-size:20px" id="s-total">¥5</b></div>
39</div>
40<div style="height:80px"></div>
41<div class="tabbar" style="border-top:1px solid #eee;background:#fff">
42 <a href="javascript:void(0)" style="color:var(--primary);font-size:13px" onclick="doSend()">确认下单</a>
43</div>
44<script src="data.js"></script>
45<script src="app.js"></script>
46<script>renderSend();</script>
47</body></html>