💻 代码预览 · 小草医美

1<!DOCTYPE html>
2<html lang="zh-CN">
3<head>
4<meta charset="UTF-8"/>
5<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"/>
6<title>医师团队 · 小草医美</title>
7<link rel="stylesheet" href="style.css"/>
8</head>
9<body>
10
11<header class="header"><span class="back"></span><h1>医师团队</h1><span class="right">🔍</span></header>
12<div class="section-title">👩‍⚕️ 认证医师 <span>实名公示 · 资质可查</span></div>
13<div id="docList"></div>
14
15
16<nav class="tabbar"><a class="" href="index.html"><span class="icon">🏠</span>首页</a><a class="" href="category.html"><span class="icon">💎</span>项目</a><a class=" active" href="doctor.html"><span class="icon">👩‍⚕️</span>医师</a><a class="" href="appointment.html"><span class="icon">📅</span>预约</a><a class="" href="mine.html"><span class="icon">👤</span>我的</a></nav>
17<script src="data.js"></script>
18<script>
19  var dl = document.getElementById('docList');
20  var h = '';
21  window.DATA.doctors.forEach(function (d) {
22    h += '<div class="doctor-card"><div class="dc-avatar">' + d.avatar + '</div><div class="dc-body">'
23      + '<div class="dc-name">' + d.name + '</div>'
24      + '<div class="dc-title">' + d.title + '</div>'
25      + '<div class="dc-info">从业 ' + d.years + ' 年 · ' + d.good + '<br/>' + d.hospital + '</div>'
26      + '<div class="dc-foot"><div class="dc-cases">累计案例 ' + d.cases.toLocaleString() + ' · ⭐' + d.star + '</div>'
27      + '<div class="dc-btn" data-toast="已发起' + d.name + '面诊预约">预约</div></div></div></div>';
28  });
29  dl.innerHTML = h;
30</script>
31<script src="app.js"></script>
32</body>
33</html>