💻 代码预览 · 小草二手闲置

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="detail-img" id="d-img">📱</div>
4<div class="detail-info">
5  <div class="di-price" id="d-price"></div>
6  <div class="di-name" id="d-name"></div>
7  <div class="di-meta" id="d-meta"></div>
8</div>
9<div class="card">
10  <div class="section-title" style="margin:0 0 8px">商品信息</div>
11  <div id="d-info"></div>
12</div>
13<div class="card">
14  <div class="section-title" style="margin:0 0 8px">交易方式 <span>选择后下单</span></div>
15  <div class="trade-mode">
16    <div class="trade-cell sel"><div class="tc-emoji">🤝</div><div class="tc-name">同城自提</div><div class="tc-meta">当面验货 · 满意再付</div></div>
17    <div class="trade-cell"><div class="tc-emoji">📦</div><div class="tc-name">快递发货</div><div class="tc-meta">包邮 · 运费叠加</div></div>
18  </div>
19  <div class="escrow">🛡️ 担保交易：货款平台托管，确认收货后打款卖家；货不对版可申请仲裁退款</div>
20</div>
21<div class="card">
22  <div class="section-title" style="margin:0 0 8px">卖家信用</div>
23  <div style="display:flex;align-items:center;gap:10px">
24    <div style="width:40px;height:40px;border-radius:50%;background:var(--primary-light);display:flex;align-items:center;justify-content:center;font-size:22px">👤</div>
25    <div style="flex:1;font-size:13px"><b>张同学</b><br><small style="color:#98a2b3">信用极好 · 实名认证 · 成交36单 · 好评率99%</small></div>
26    <span class="tag" style="background:#f0fdf4;color:var(--green)">✓ 已实名</span>
27  </div>
28</div>
29<div style="height:90px"></div>
30<div style="position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:430px;background:#fff;display:flex;gap:10px;padding:10px 12px;border-top:1px solid #eee;z-index:99">
31  <button class="btn btn-outline" style="flex:1" onclick="toast('已收藏')">⭐ 收藏</button>
32  <button class="btn btn-outline" style="flex:1" onclick="toast('已发起会话，等待卖家回复')">💬 私聊</button>
33  <button class="btn btn-primary" style="flex:1" onclick="submitBuy()">立即购买</button>
34</div>
35<script src="data.js"></script><script src="app.js"></script>
36<script>renderDetail();</script>
37</body></html>