💻 代码预览 · 小草医美

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"><a class="back" onclick="history.back()">‹</a><h1>案例库</h1><span class="right"></span></header>
12<div class="section-title">📸 真实案例 · 恢复日记</div>
13<div class="case-grid" id="caseList"></div>
14<div class="section-title">📖 变美日记</div>
15<div class="card" style="margin-top:0;font-size:12px;color:#6b4460;line-height:2">
16  🌟 <b>Day 1-3 红肿期：</b>术后遵医嘱冷敷，忌辛辣海鲜，按时涂抹修护产品<br/>
17  🌟 <b>Day 7-14 消肿期：</b>效果逐渐显现，注意防晒补水，避免高温环境<br/>
18  🌟 <b>Day 28 稳定期：</b>达到最佳状态，定期复诊维护，养成良好护肤习惯
19</div>
20
21
22<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>
23<script src="data.js"></script>
24<script>
25  var cl = document.getElementById('caseList');
26  var h = '';
27  window.DATA.cases.forEach(function (c) {
28    h += '<div class="case-item"><div class="ci-imgs"><div class="cc-before">' + c.before + '</div><div class="cc-after">' + c.after + '</div></div>'
29      + '<div class="ci-name">' + c.name + '</div>'
30      + '<div class="ci-meta">' + c.project + ' · ' + c.meta + '<br/>恢复期 ' + c.day + '</div></div>';
31  });
32  cl.innerHTML = h;
33</script>
34<script src="app.js"></script>
35</body>
36</html>