r42/index.html · 约 4036 字符
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.0, maximum-scale=1.0, user-scalable=no">
6<title>发现好医</title>
7<link rel="stylesheet" href="style.css">
8</head>
9<body>
10<div class="wrap">
11<div class="header">
12 <div class="top"><span class="role">患者端</span><span style="margin-left:auto;font-size:12px;opacity:.85">驰旭医院</span></div>
13 <h1>发现好医</h1>
14 <div class="sub">欢迎，张三 · 就诊卡 S0088123</div>
15</div>
16<div class="search-bar"><input placeholder="搜索科室、医生、症状"><span class="mic">🔍</span></div>
17<div class="filters"><span class="f on">全部科室</span><span class="f">内科</span><span class="f">外科</span><span class="f">儿科</span><span class="f">骨科</span></div>
18<div class="section-title"><span>按科室选号</span><span class="more">全部 12 个</span></div>
19<div class="dept-grid">
20 <div class="dept"><div class="ic" style="background:linear-gradient(135deg,#0ea5a4,#0f766e)">🫀</div><div class="dt">心血管内科</div><div class="ds">今日余号 18</div></div>
21 <div class="dept"><div class="ic" style="background:linear-gradient(135deg,#2563eb,#1e3a8a)">🧠</div><div class="dt">神经内科</div><div class="ds">今日余号 9</div></div>
22 <div class="dept"><div class="ic" style="background:linear-gradient(135deg,#10b981,#047857)">🦴</div><div class="dt">骨科</div><div class="ds">今日余号 12</div></div>
23 <div class="dept"><div class="ic" style="background:linear-gradient(135deg,#7c3aed,#5b21b6)">👶</div><div class="dt">儿科</div><div class="ds">今日余号 20</div></div>
24</div>
25<div class="section-title"><span>热门医生</span><span class="more">更多</span></div>
26<div class="list">
27 <a class="doc" href="book.html" style="text-decoration:none;color:inherit"><div class="dc" style="background:linear-gradient(135deg,#0ea5a4,#0f766e)">👨⚕️</div><div class="di"><div class="t">李医生 · 主任医师</div><div class="m">心血管内科 · 擅长冠心病介入</div><div class="b"><span class="stars">★ 4.9</span><span class="tag ok">余 6</span></div></div></a>
28 <a class="doc" href="book.html" style="text-decoration:none;color:inherit"><div class="dc" style="background:linear-gradient(135deg,#2563eb,#1e3a8a)">👩⚕️</div><div class="di"><div class="t">王医生 · 副主任医师</div><div class="m">神经内科 · 擅长头痛眩晕</div><div class="b"><span class="stars">★ 4.8</span><span class="tag blue">余 3</span></div></div></a>
29 <a class="doc" href="book.html" style="text-decoration:none;color:inherit"><div class="dc" style="background:linear-gradient(135deg,#10b981,#047857)">👨⚕️</div><div class="di"><div class="t">赵医生 · 主治医师</div><div class="m">骨科 · 擅长关节脊柱</div><div class="b"><span class="stars">★ 4.7</span><span class="tag gray">约满</span></div></div></a>
30</div>
31<div class="section-title"><span>今日号源</span><span class="more">按时间段</span></div>
32<div class="slots">
33 <div class="slot"><div class="st">上午 09:00</div><div class="sn">心血管内科·李医生</div><a class="btn" href="book.html">预约</a></div>
34 <div class="slot"><div class="st">上午 10:30</div><div class="sn">神经内科·王医生</div><a class="btn" href="book.html">预约</a></div>
35 <div class="slot"><div class="st">下午 14:00</div><div class="sn">儿科·孙医生</div><a class="btn" href="book.html">预约</a></div>
36 <div class="slot full"><div class="st">下午 15:30</div><div class="sn">骨科·赵医生</div><span class="btn ghost">约满</span></div>
37</div>
38<div class="bottom-nav"><a class="nav-item active" href="index.html"><span class="icon">🏥</span>首页</a><a class="nav-item" href="book.html"><span class="icon">📅</span>预约</a><a class="nav-item" href="mine.html"><span class="icon">👤</span>我的</a></div><div class="safe-bottom"></div>
39</div>
40
41</body>
42</html>