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

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="detect-hero">
13  <div class="dh-title">🔬 164 项专业检测</div>
14  <div class="dh-sub">收车初检 + 上架复检双重把关 · 重点强化三电专项<br/>一物一码电子报告 · 扫码即可查，所见即所得</div>
15</div>
16<div id="detectList"></div>
17<div style="height:70px"></div>
18
19
20<nav class="tabbar"><a class="" href="index.html"><span class="icon">🏠</span>首页</a><a class=" active" href="list.html"><span class="icon">🔍</span>找车</a><a class="" 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>
21<script src="data.js"></script>
22<script>
23  var dl = document.getElementById('detectList');
24  var h = '';
25  window.DATA.detect.forEach(function (g) {
26    h += '<div class="dt-block"><div class="dt-h">🧩 ' + g.group + '<span class="dt-pct">通过率 ' + g.pct + '</span></div>';
27    g.items.forEach(function (it) {
28      var ico = it[1] === 'ok' ? '✅' : '⚠️';
29      var cls = it[1] === 'ok' ? 'rb-ok' : 'rb-warn';
30      h += '<div class="dt-item"><span class="dt-ico">' + ico + '</span><span class="dt-label">' + it[0] + '</span><span class="rb-state ' + cls + '">' + (it[1] === 'ok' ? '正常' : '关注') + '</span></div>';
31    });
32    h += '</div>';
33  });
34  dl.innerHTML = h;
35</script>
36<script src="app.js"></script>
37</body>
38</html>