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="header"><span class="back" onclick="history.back()">‹</span><h1>价格说明</h1><span class="right">💰</span></div>
3<div class="card">
4 <div class="section-title" style="margin:0 0 8px">计价规则 <span>透明公开</span></div>
5 <table class="price-table">
6 <tr><th>计费项目</th><th>标准</th></tr>
7 ${PRICE_RULES.map(r=>'<tr><td>'+r.km+'</td><td>'+r.price+'</td></tr>').join('')}
8 </table>
9</div>
10<div class="section-title">优惠券</div>
11<div id="coupon-list"></div>
12<div class="section-title">服务保障</div>
13<div class="card">
14 <div style="display:flex;gap:10px">
15 <div style="flex:1;text-align:center;padding:10px 4px;background:var(--primary-light);border-radius:10px"><div style="font-size:24px">🔒</div><div style="font-size:12px;font-weight:600">双实名认证</div></div>
16 <div style="flex:1;text-align:center;padding:10px 4px;background:var(--primary-light);border-radius:10px"><div style="font-size:24px">🧾</div><div style="font-size:12px;font-weight:600">取件码核验</div></div>
17 <div style="flex:1;text-align:center;padding:10px 4px;background:var(--primary-light);border-radius:10px"><div style="font-size:24px">🛡️</div><div style="font-size:12px;font-weight:600">物品保价</div></div>
18 </div>
19 <div style="font-size:12px;color:#8a6a35;margin-top:12px;line-height:1.8">
20 · 一对一专人直送，不拼单不绕路<br>· 全城 7×24 小时服务，平均 26 分钟送达<br>· 物品丢失/破损按保价全额赔付
21 </div>
22</div>
23<div style="height:80px"></div>
24<div class="tabbar">
25 <a href="index.html"><span class="icon">🏠</span>首页</a>
26 <a href="order.html"><span class="icon">📝</span>下单</a>
27 <a href="orders.html"><span class="icon">📋</span>订单</a>
28 <a class="active" href="price.html"><span class="icon">💰</span>价格</a>
29 <a href="mine.html"><span class="icon">👤</span>我的</a>
30</div>
31<script src="data.js"></script><script src="app.js"></script>
32<script>
33$('#coupon-list').innerHTML=store.coupons.slice(0,3).map(c=>`
34 <div class="promo"><div class="pm-left">¥${c.amt}</div>
35 <div class="pm-body"><div class="pm-name">${c.name}</div><div class="pm-desc">${c.cond} · ${c.desc}</div></div>
36 <span class="pm-get">已领取</span></div>`).join('');
37</script>
38</body></html>