小草二手闲置_H5/index.html · 约 3936 字符
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;font-size:11px">▾ 附近 1268 件闲置</span><span style="margin-left:auto;font-size:12px">➕ 发布闲置</span></div>
4 <div class="tb-search" onclick="location.href='list.html'"><span>🔍</span><span>搜闲置 / 数码 / 家具…</span></div>
5</div>
6<div class="hot-tags">
7 <span class="hot-tag">🔥 同城急出</span><span class="hot-tag">💰 低价捡漏</span><span class="hot-tag">📦 包邮专区</span><span class="hot-tag">✅ 自提专区</span><span class="hot-tag">🛡️ 验货保障</span>
8</div>
9<div class="quick-grid">
10 <a href="list.html"><span class="qicon">📱</span>数码3C</a>
11 <a href="list.html"><span class="qicon">🛋️</span>家居家电</a>
12 <a href="list.html"><span class="qicon">👗</span>服饰箱包</a>
13 <a href="sell.html"><span class="qicon">➕</span>发布闲置</a>
14</div>
15<div class="section-title">附近闲置 <span>同城优先</span></div>
16<div class="goods-grid" id="nearby-list"></div>
17<div class="section-title">捡漏专区 <span>低价好物</span></div>
18<div class="goods-grid" id="deal-list"></div>
19<div class="section-title">平台保障</div>
20<div class="card" style="display:flex;gap:10px;text-align:center">
21 <div style="flex:1"><div style="font-size:26px">🛡️</div><div style="font-size:12px;font-weight:600">担保交易</div><small style="color:#98a2b3;font-size:10px">确认收货才打款</small></div>
22 <div style="flex:1"><div style="font-size:26px">✅</div><div style="font-size:12px;font-weight:600">实名认证</div><small style="color:#98a2b3;font-size:10px">信用可查</small></div>
23 <div style="flex:1"><div style="font-size:26px">🤝</div><div style="font-size:12px;font-weight:600">同城面交</div><small style="color:#98a2b3;font-size:10px">当面验货</small></div>
24 <div style="flex:1"><div style="font-size:26px">⚖️</div><div style="font-size:12px;font-weight:600">仲裁维权</div><small style="color:#98a2b3;font-size:10px">平台介入</small></div>
25</div>
26<div style="height:80px"></div>
27<div class="tabbar">
28 <a class="active" href="index.html"><span class="icon">🏠</span>首页</a>
29 <a href="list.html"><span class="icon">🧭</span>逛逛</a>
30 <a href="sell.html"><span class="icon">➕</span>发布</a>
31 <a href="orders.html"><span class="icon">📋</span>订单</a>
32 <a href="mine.html"><span class="icon">👤</span>我的</a>
33</div>
34<script src="data.js"></script><script src="app.js"></script>
35<script>
36$('#nearby-list').innerHTML=GOODS.filter(g=>g.hot).slice(0,4).map(g=>`
37 <div class="goods-card" onclick="location.href='detail.html?id=${g.id}'">
38 <div class="gc-img">${g.emoji}<span class="badge badge-hot gc-tag">同城</span></div>
39 <div class="gc-body"><div class="gc-name">${g.name}</div><div class="gc-desc">${g.cond} · 距你${g.dist}</div>
40 <div class="gc-foot"><span class="gc-price"><em>¥</em>${g.price}</span><span class="gc-meta">${g.tags[0]}</span></div></div>
41 </div>`).join('');
42$('#deal-list').innerHTML=GOODS.filter(g=>g.price<300).slice(0,4).map(g=>`
43 <div class="goods-card" onclick="location.href='detail.html?id=${g.id}'">
44 <div class="gc-img">${g.emoji}<span class="badge badge-sale gc-tag">捡漏</span></div>
45 <div class="gc-body"><div class="gc-name">${g.name}</div><div class="gc-desc">原价 ${fmt(g.origin)} · ${g.cond}</div>
46 <div class="gc-foot"><span class="gc-price"><em>¥</em>${g.price}</span><span class="gc-meta">省${Math.round((1-g.price/g.origin)*100)}%</span></div></div>
47 </div>`).join('');
48</script>
49</body></html>