1<!DOCTYPE html><html lang="zh-CN"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"><title>小草同城跑腿</title><link rel="stylesheet" href="style.css"></head><body>
2<div class="topbar">
3 <div class="tb-row"><span>📍</span><span class="tb-addr">阳光花园</span><span style="opacity:.7">▾</span><span style="margin-left:auto;font-weight:400;font-size:12px">🛵 附近 328 位骑手在线</span></div>
4 <div class="tb-search" onclick="location.href='order.html'"><span>🔍</span><span>你想送什么 / 买什么？一键呼叫骑手…</span></div>
5</div>
6<div class="banner">
7 <div><div class="bn-title">⚡ 1分钟响应 · 30分钟送达</div><div class="bn-sub">新人首单立减10元 · 7×24小时随叫随到</div></div>
8 <div class="bn-emoji">🛵</div>
9</div>
10<div class="service-grid">
11 <a href="order.html?type=send"><span class="sicon">📦</span>帮我送<span class="s-tag">7元起</span></a>
12 <a href="order.html?type=buy"><span class="sicon">🛒</span>帮我买<span class="s-tag">5元起</span></a>
13 <a href="order.html?type=pick"><span class="sicon">📮</span>帮我取<span class="s-tag">6元起</span></a>
14 <a href="order.html?type=do"><span class="sicon">🧾</span>帮我办<span class="s-tag">新上线</span></a>
15</div>
16<div class="section-title">常用跑腿 <span>一键呼叫</span></div>
17<div class="card" style="padding:8px 14px" id="quick-tasks"></div>
18<div class="section-title">骑手实时 <span>全城运力充足</span></div>
19<div class="rider-online">
20 <div class="ro-avatar">🛵</div>
21 <div><div class="ro-name">李师傅 · 五星骑手</div><div class="ro-meta">完成 12,680 单 · 好评率 99.6% · 距你 0.8km</div></div>
22 <div class="ro-right"><b>26′</b><span>预计送达</span></div>
23</div>
24<div class="section-title">优惠券 <span>下单立减</span></div>
25<div id="coupon-list"></div>
26<div class="section-title">价格说明 <span>透明无隐形消费</span></div>
27<div class="card" style="font-size:12px;color:#8a6a35;line-height:2">起步价 7 元 / 3km，超程每公里 +1.5 元<br>贵重物品支持保价 · 全程轨迹可查 · 取件码核验</div>
28<div style="height:80px"></div>
29<div class="tabbar">
30 <a class="active" href="index.html"><span class="icon">🏠</span>首页</a>
31 <a href="order.html"><span class="icon">📝</span>下单</a>
32 <a href="orders.html"><span class="icon">📋</span>订单</a>
33 <a href="price.html"><span class="icon">💰</span>价格</a>
34 <a href="mine.html"><span class="icon">👤</span>我的</a>
35</div>
36<script src="data.js"></script><script src="app.js"></script>
37<script>
38$('#quick-tasks').innerHTML=QUICK_TASKS.map(t=>`
39 <div class="qo-row" onclick="location.href='order.html'">
40 <span class="qo-ico">${t.emoji}</span>
41 <span class="qo-name">${t.name}</span>
42 <span class="qo-price">${t.price}</span>
43 <span class="qo-go">›</span>
44 </div>`).join('');
45$('#coupon-list').innerHTML=store.coupons.slice(0,3).map(c=>`
46 <div class="promo"><div class="pm-left">¥${c.amt}</div>
47 <div class="pm-body"><div class="pm-name">${c.name}</div><div class="pm-desc">${c.cond} · ${c.desc}</div></div>
48 <span class="pm-get">已领取</span></div>`).join('')||'<div class="empty">券已领完，多下单多优惠</div>';
49</script>
50</body></html>