index.html · 约 2752 字符
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">🚗</span><h1>小草车主服务</h1><span class="right">🔔</span></div>
6<div class="car-card">
7 <div class="cc-plate">🚗 陕A·8K23X</div>
8 <div class="cc-model">大众 ID.4 CROZZ · 新能源</div>
9 <div class="cc-meta">
10 <div><b>3</b>剩余分数</div>
11 <div><b>1</b>未处理违章</div>
12 <div><b>12月</b>年检剩余</div>
13 </div>
14 <div class="cc-warn">⚠️ 交强险将于 2026-09-15 到期，请及时续保</div>
15</div>
16<div class="search-bar">
17 <span class="sb-icon">🔍</span>
18 <span class="sb-text">搜索洗车店 / 加油站 / 停车场...</span>
19 <span class="sb-btn">搜索</span>
20</div>
21<div class="quick-grid">
22 <a href="violation.html"><span class="qicon">🚦</span>违章查询<span class="q-dot">1</span></a>
23 <a href="gas.html"><span class="qicon">⛽</span>加油优惠</a>
24 <a href="park.html"><span class="qicon">🅿️</span>找停车场</a>
25 <a href="wash.html"><span class="qicon">🚿</span>洗车美容</a>
26 <a href="javascript:void(0)" onclick="alert('🆘 道路救援\n\n拖车/送水/送油/搭电 一键呼叫（演示页）')"><span class="qicon">🆘</span>道路救援</a>
27 <a href="javascript:void(0)" onclick="alert('📄 车险比价\n\n多家保险公司实时比价（演示页）')"><span class="qicon">📄</span>车险比价</a>
28 <a href="gas.html"><span class="qicon">💳</span>油卡充值</a>
29 <a href="mine.html"><span class="qicon">👤</span>我的</a>
30</div>
31<div class="welfare-bar">
32 <div><div class="wb-title">🎁 车主福利日</div><div class="wb-desc">签到领加油券 · 洗车券 · 停车抵扣券</div></div>
33 <button class="wb-btn" onclick="signIn(this)">签到领券</button>
34</div>
35<div class="section-title">💧 洗车美容特惠 <span onclick="location.href='wash.html'">更多 ></span></div>
36<div id="store-list"></div>
37<div class="section-title">⛽ 附近加油站 <span onclick="location.href='gas.html'">更多 ></span></div>
38<div id="station-list"></div>
39<div style="height:70px"></div>
40<div class="tabbar">
41 <a href="index.html" class="active"><span class="icon">🏠</span>首页</a>
42 <a href="gas.html"><span class="icon">⛽</span>加油</a>
43 <a href="violation.html"><span class="icon">🚦</span>违章</a>
44 <a href="mine.html"><span class="icon">👤</span>我的</a>
45</div>
46<script src="data.js"></script>
47<script src="app.js"></script>
48<script>renderIndex();</script>
49</body></html>