💻 代码预览 · 小草口腔诊所

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="style-tabs" style="display:flex;gap:8px;flex-wrap:wrap;padding:0 12px">
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  <span class="tag" style="flex:1;text-align:center;padding:10px 0">儿童齿科</span>
9</div>
10<div id="svc-list"></div>
11<div class="card" style="font-size:12px;color:#5a7e9e;line-height:1.9">
12  💳 支持医保电子凭证 · 费用透明无隐形消费<br>🩻 数字化口扫 + 影像报告实时查看<br>📅 复诊可在线改期，爽约将收取挂号费
13</div>
14<div style="height:80px"></div>
15<div class="tabbar">
16  <a href="index.html"><span class="icon">🏠</span>首页</a>
17  <a class="active" href="projects.html"><span class="icon">🦷</span>项目</a>
18  <a href="doctors.html"><span class="icon">👨‍⚕️</span>医生</a>
19  <a href="records.html"><span class="icon">📋</span>病历</a>
20  <a href="mine.html"><span class="icon">👤</span>我的</a>
21</div>
22<script src="data.js"></script><script src="app.js"></script>
23<script>renderSvc();</script>
24</body></html>