💻 代码预览 · 小草二手电动车交易网

1<!DOCTYPE html>
2<html lang="zh-CN">
3<head>
4<meta charset="UTF-8"/>
5<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"/>
6<title>卖车 · 小草二手电动车交易网</title>
7<link rel="stylesheet" href="style.css"/>
8</head>
9<body>
10
11<header class="header"><span class="back"></span><h1>卖车</h1><span class="right"></span></header>
12<div class="sell-hero">
13  <div class="sh-title">🚗 一键卖车 · 高价成交</div>
14  <div class="sh-sub">在线估价秒出价 · 免费上门检测<br/>保卖/寄卖/竞拍三种模式 · 最快 24 小时成交</div>
15</div>
16<div class="sell-box">
17  <div class="sb-h">📝 在线估价</div>
18  <div class="est-input"><label>品牌车型</label><select id="estBrand">
19    <option>特斯拉</option><option>比亚迪</option><option>小米</option><option>理想</option>
20    <option>蔚来</option><option>埃安</option><option>极氪</option><option>雅迪</option>
21  </select></div>
22  <div class="est-input"><label>上牌年份</label><input id="estYear" type="number" value="2023" min="2015" max="2026"/></div>
23  <div class="btn btn-green" onclick="estimate()">免费估价</div>
24  <div class="est-result" id="estOut">填写信息即可获取预估回收价</div>
25</div>
26<div class="section-title">🤝 卖车方式</div>
27<div class="mode-card"><div class="mc-emoji">⚡</div><div class="mc-body"><div class="mc-name">保卖（推荐）</div><div class="mc-desc">平台锁定保底价，最快 24 小时成交，资金担保到账快</div></div><div class="mc-btn" data-toast="已选择保卖模式">选它</div></div>
28<div class="mode-card"><div class="mc-emoji">🏪</div><div class="mc-body"><div class="mc-name">寄卖</div><div class="mc-desc">挂平台代售，卖出价更高，专业销售跟进带看</div></div><div class="mc-btn" data-toast="已选择寄卖模式">选它</div></div>
29<div class="mode-card"><div class="mc-emoji">🔨</div><div class="mc-body"><div class="mc-name">竞拍</div><div class="mc-desc">全国买家在线竞价，价高者得，适合准新热门车</div></div><div class="mc-btn" data-toast="已选择竞拍模式">选它</div></div>
30<div class="section-title">📞 预约上门检测</div>
31<div class="sell-box">
32  <div class="est-input"><label>联系人</label><input placeholder="您的称呼"/></div>
33  <div class="est-input"><label>手机号</label><input placeholder="11 位手机号"/></div>
34  <div class="est-input"><label>所在城市</label><input placeholder="如：西安市"/></div>
35  <div class="btn btn-primary" data-toast="预约成功，验车师今日联系您">免费预约上门检测</div>
36</div>
37<div style="height:70px"></div>
38
39<nav class="tabbar"><a class="" href="index.html"><span class="icon">🏠</span>首页</a><a class="" href="list.html"><span class="icon">🔍</span>找车</a><a class=" active" href="sell.html"><span class="icon">💰</span>卖车</a><a class="" href="community.html"><span class="icon">💬</span>车友圈</a><a class="" href="mine.html"><span class="icon">👤</span>我的</a></nav>
40<script src="data.js"></script>
41
42<script src="app.js"></script>
43</body>
44</html>