首页/ mobileweb/ 医院预约挂号系统H5移动端功能演示/ 代码预览

💻 代码预览 · 医院预约挂号系统H5移动端功能演示

mw_medical · 上传者 驰旭教育
← 返回详情
r42/review.html · 约 2570 字符
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">神经内科 · 王医生</div>
15</div>
16<div class="card" style="margin-top:12px;padding:16px;text-align:center">
17  <div class="avatar" style="background:linear-gradient(135deg,#2563eb,#1e3a8a);margin:0 auto">👩‍⚕️</div>
18  <div style="font-size:15px;font-weight:700;margin-top:10px">王医生 · 副主任医师</div>
19  <div style="font-size:12px;color:var(--muted);margin-top:4px">神经内科 · 主任医师门诊</div>
20</div>
21<div class="section-title"><span>总体评分</span></div>
22<div class="card" style="padding:18px;text-align:center">
23  <div class="rate"><span class="on">★</span><span class="on">★</span><span class="on">★</span><span class="on">★</span><span class="on">★</span></div>
24  <div style="font-size:13px;color:var(--muted);margin-top:8px">非常满意</div>
25</div>
26<div class="section-title"><span>分项评价</span></div>
27<div class="list">
28  <div class="row"><div class="info"><div class="t">服务态度</div></div><span class="stars">★ 4.9</span></div>
29  <div class="row"><div class="info"><div class="t">专业水平</div></div><span class="stars">★ 5.0</span></div>
30  <div class="row"><div class="info"><div class="t">候诊时长</div></div><span class="stars">★ 4.6</span></div>
31</div>
32<div class="form" style="margin-top:12px">
33  <div class="field" style="display:block"><label style="width:auto;display:block;margin-bottom:8px">评价内容</label><textarea style="text-align:left" placeholder="医生很专业,问诊细致,候诊时间也合理,点赞!">医生很专业,问诊细致,候诊时间也合理,点赞!</textarea></div>
34</div>
35<a class="btn full" href="mine.html" onclick="this.textContent='✓ 评价已提交';return true;">提交评价</a>
36<div class="bottom-nav"><a class="nav-item" href="index.html"><span class="icon">🏥</span>首页</a><a class="nav-item" href="book.html"><span class="icon">📅</span>预约</a><a class="nav-item active" href="mine.html"><span class="icon">👤</span>我的</a></div><div class="safe-bottom"></div>
37</div>
38
39</body>
40</html>