小草二手电动车交易网/detail.html · 约 3281 字符
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"><a class="back" onclick="history.back()">‹</a><h1>车辆详情</h1><span class="right"></span></header>
12<div class="detail-img"><div class="di-badge">📷 360°VR 12 张</div>🚗</div>
13<div class="detail-price">
14 <div class="dp-num">¥16.8万<small> /裸车</small> <span style="color:#e11d48;font-size:13px">比新车省 ¥6.39万</span></div>
15 <div class="dp-meta">特斯拉 Model 3 后驱版 2023款 · 电池健康度96% · 个人一手 · 无事故无水泡 · 原厂自动驾驶辅助</div>
16 <div class="dp-row">
17 <div class="dp-cell">📅 2023-05</div>
18 <div class="dp-cell">🛣️ 2.1万km</div>
19 <div class="dp-cell">🔋 556km</div>
20 <div class="dp-cell">✅ 164项检</div>
21 </div>
22</div>
23<div class="report-box">
24 <div class="rb-title">📋 第三方检测报告 <span class="rb-score">综合 96 分 优秀</span></div>
25 <div class="rb-row"><span class="rb-label">电池健康度 / 充放电循环</span><span class="rb-state rb-ok">96% 正常</span></div>
26 <div class="rb-row"><span class="rb-label">电机工况 / 电控系统</span><span class="rb-state rb-ok">正常</span></div>
27 <div class="rb-row"><span class="rb-label">事故 / 火烧 / 水泡排查</span><span class="rb-state rb-ok">无异常</span></div>
28 <div class="rb-row"><span class="rb-label">维保 / 出险记录</span><span class="rb-state rb-ok">可查</span></div>
29 <div class="rb-row"><span class="rb-label">调表排查</span><span class="rb-state rb-warn">疑似 - 已标注</span></div>
30</div>
31<div class="spec-box">
32 <div class="sb-title">车辆参数</div>
33 <div class="spec-row"><span class="sr-label">上牌时间</span><span class="sr-val">2023-05</span></div>
34 <div class="spec-row"><span class="sr-label">表显里程</span><span class="sr-val">2.1 万公里</span></div>
35 <div class="spec-row"><span class="sr-label">续航里程</span><span class="sr-val">CLTC 556 km</span></div>
36 <div class="spec-row"><span class="sr-label">过户次数</span><span class="sr-val">0 次（个人一手）</span></div>
37 <div class="spec-row"><span class="sr-label">配置亮点</span><span class="sr-val">自动驾驶辅助 / 全景天幕 / 热泵空调</span></div>
38</div>
39<div class="section-title">💬 车友评价（3,200+）</div>
40<div class="card" style="margin-top:0;font-size:12px;color:#334155;line-height:2">
41 ⭐ 个人一手车况精品，电池96%无暗病，比新车省6万真香<br/>
42 ⭐ 平台检测报告详细，过户全程协助，资金担保很放心<br/>
43 ⭐ 同款已购车主实测：市区通勤一周一充，续航扎实
44</div>
45<div style="height:80px"></div>
46<div class="buy-bar">
47 <div class="bb-btn cart" data-toast="已预约看车，顾问稍后联系">预约看车</div>
48 <div class="bb-btn now" data-toast="定金已托管，请等待到店核验">立即下定</div>
49</div>
50
51
52<script src="data.js"></script>
53
54<script src="app.js"></script>
55</body>
56</html>