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

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 sell-form">
4  <div class="sf-row"><span class="sf-label">商品图片</span><span class="sf-input" style="color:#98a2b3;font-weight:400">点击上传（最多9张 · 支持实拍视频）</span></div>
5  <div class="sf-row"><span class="sf-label">商品标题</span><span class="sf-input" style="color:#98a2b3;font-weight:400">一句话描述你的闲置…</span></div>
6  <div class="sf-row"><span class="sf-label">价格</span><span class="sf-input"><span style="color:var(--accent);font-weight:800">¥</span> 999 <span class="sf-tip">可小刀 / 一口价</span></span></div>
7  <div class="sf-row"><span class="sf-label">成色</span></div>
8</div>
9<div class="card">
10  <div class="section-title" style="margin:0 0 8px">成色选择</div>
11  <div class="opt-chips">
12    <span class="opt-chip sel">9成新</span><span class="opt-chip">8成新</span><span class="opt-chip">7成新</span><span class="opt-chip">全新未拆</span><span class="opt-chip">自用闲置</span>
13  </div>
14</div>
15<div class="card">
16  <div class="section-title" style="margin:0 0 8px">交易方式 <span>可双选</span></div>
17  <div class="trade-mode">
18    <div class="trade-cell sel"><div class="tc-emoji">🤝</div><div class="tc-name">同城自提</div><div class="tc-meta">设置自提地址</div></div>
19    <div class="trade-cell"><div class="tc-emoji">📦</div><div class="tc-name">快递发货</div><div class="tc-meta">设置运费/包邮</div></div>
20  </div>
21</div>
22<div class="card sell-form">
23  <div class="sf-row" style="border-bottom:none"><span class="sf-label">描述</span><span class="sf-input" style="color:#98a2b3;font-weight:400">成色细节 / 购入时间 / 使用感受…</span></div>
24</div>
25<button class="btn btn-primary" style="margin:0 12px 24px;width:calc(100% - 24px)" onclick="submitSell()">发布闲置</button>
26<div class="card" style="font-size:12px;color:#7a6a3a;line-height:2">
27  📋 发布需实名认证 · 违规商品将下架<br>🛡️ 高价值商品建议使用「验货」服务 · 平台质检
28</div>
29<div style="height:20px"></div>
30<script src="data.js"></script><script src="app.js"></script>
31<script>renderSell();</script>
32</body></html>