violation.html · 约 1629 字符
1<!DOCTYPE html><html lang="zh-CN"><head>
2<meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
3<title>违章查询 - 小草车主服务</title><link rel="stylesheet" href="style.css">
4</head><body>
5<div class="header"><span class="back" onclick="history.back()">‹</span><h1>违章查询</h1><span class="right">➕</span></div>
6<div class="vin-card">
7 <div style="font-size:26px">🚗</div>
8 <div class="vc-edit">
9 <div class="vc-plate" id="vc-plate"></div>
10 <div class="vc-tip">车辆信息 · 数据来自交管12123（演示）</div>
11 </div>
12 <span style="color:var(--primary);font-size:14px">刷新 ›</span>
13</div>
14<div class="vin-stats">
15 <div class="vs-item"><div class="vs-num red" id="vs-unpay">0</div><div class="vs-label">未处理</div></div>
16 <div class="vs-item"><div class="vs-num blue" id="vs-point">0</div><div class="vs-label">累计扣分</div></div>
17 <div class="vs-item"><div class="vs-num red" id="vs-money">¥0</div><div class="vs-label">待缴罚款</div></div>
18</div>
19<div class="section-title">📋 违章记录</div>
20<div id="vio-list"></div>
21<div style="height:70px"></div>
22<div class="tabbar">
23 <a href="index.html"><span class="icon">🏠</span>首页</a>
24 <a href="gas.html"><span class="icon">⛽</span>加油</a>
25 <a href="violation.html" class="active"><span class="icon">🚦</span>违章</a>
26 <a href="mine.html"><span class="icon">👤</span>我的</a>
27</div>
28<script src="data.js"></script>
29<script src="app.js"></script>
30<script>renderViolation();</script>
31</body></html>