小草口腔诊所_H5/doctors.html · 约 2461 字符
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 style="display:flex;background:#fff;margin:12px;border-radius:12px;padding:6px">
4 <span class="tag" style="flex:1;text-align:center;padding:10px 0;background:var(--primary);color:#fff">全部</span>
5 <span class="tag" style="flex:1;text-align:center;padding:10px 0">种植科</span>
6 <span class="tag" style="flex:1;text-align:center;padding:10px 0">正畸科</span>
7 <span class="tag" style="flex:1;text-align:center;padding:10px 0">儿童齿科</span>
8</div>
9<div id="doctor-list"></div>
10<div class="card" style="text-align:center">
11 <div style="font-size:30px">🩻</div>
12 <div style="font-size:14px;font-weight:700;margin-top:4px">拿不准该看哪个科？</div>
13 <div style="font-size:12px;color:#7b9cb8;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="projects.html"><span class="icon">🦷</span>项目</a>
20 <a class="active" href="doctors.html"><span class="icon">👨⚕️</span>医生</a>
21 <a href="records.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$('#doctor-list').innerHTML=DOCTORS.map(d=>`
27 <div class="doctor-card">
28 <div class="dc-avatar">${d.avatar}</div>
29 <div class="dc-body">
30 <div class="dc-name">${d.name} <span class="dc-score">★ ${d.score}</span> <span class="badge badge-new">资质认证</span></div>
31 <div class="dc-title">${d.title}</div>
32 <div class="dc-meta">从业${d.years} · 累计服务 ${d.orders} 次 · 好评率99%</div>
33 <div class="dc-spec">${d.spec.map(s=>'<span class="tag">'+s+'</span>').join('')}</div>
34 </div>
35 <div style="align-self:center"><span class="pc-add" onclick="location.href='book.html'">约TA</span></div>
36 </div>`).join('');
37</script>
38</body></html>