小草驾考宝典_H5/school.html · 约 2677 字符
1<!DOCTYPE html><html lang="zh-CN"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"><title>驾校广场 · 小草驾考宝典</title><link rel="stylesheet" href="style.css"></head><body>
2<div class="header"><span class="back" onclick="history.back()">‹</span><h1>驾校广场</h1><span class="right">📍</span></div>
3<div class="rank-tabs">
4 <span class="active">口碑排行</span><span>距离最近</span><span>价格优选</span>
5</div>
6<div class="section-title">精选驾校 <span>资质审核 · 口碑保证</span></div>
7<div class="school-grid" id="school-grid"></div>
8<div class="section-title">金牌教练 <span>学员好评</span></div>
9<div class="card" id="coach-list"></div>
10<div class="card" style="text-align:center">
11 <div style="font-size:32px">🤝</div>
12 <div style="font-size:14px;font-weight:700;margin-top:4px">没有心仪的驾校？</div>
13 <div style="font-size:12px;color:#8a97ad;margin:4px 0 10px">提交学车需求，全城驾校为你报价</div>
14 <button class="btn btn-primary">我要学车</button>
15</div>
16<div style="height:80px"></div>
17<div class="tabbar">
18 <a href="index.html"><span class="icon">🏠</span>首页</a>
19 <a href="practice.html"><span class="icon">📝</span>练习</a>
20 <a href="exam.html"><span class="icon">📋</span>考试</a>
21 <a class="active" href="school.html"><span class="icon">🏫</span>驾校</a>
22 <a href="mine.html"><span class="icon">👤</span>我的</a>
23</div>
24<script src="data.js"></script><script src="app.js"></script>
25<script>
26$('#school-grid').innerHTML=SCHOOLS.map((s,i)=>`
27 <div class="school-card">
28 <div class="scl-rank">NO.<b>${i+1}</b> · ★ ${s.score}</div>
29 <div class="scl-name">${s.logo} ${s.name}</div>
30 <div class="scl-meta">${s.dist} · 学员${s.students}</div>
31 <div class="scl-meta">${s.tags.join(' / ')}</div>
32 <div class="scl-price">¥${s.price}<small style="font-weight:400;color:#8a97ad;font-size:10px">起</small></div>
33 </div>`).join('');
34$('#coach-list').innerHTML=COACHES.map(c=>`
35 <div class="school-item" style="border-bottom:1px solid #f2f5fb">
36 <div class="si-logo" style="background:#fff3e6">${c.avatar}</div>
37 <div class="si-body">
38 <div class="si-name">${c.name} <span class="si-score">★ ${c.score}</span></div>
39 <div class="si-meta">${c.subject} · 学员${c.students} · ${c.tags.join(' / ')}</div>
40 </div>
41 <div style="align-self:center"><button class="btn btn-outline" style="padding:7px 16px;font-size:12px;width:auto">约课</button></div>
42 </div>`).join('');
43</script>
44</body></html>