r99/room.html · 约 2329 字符
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<div class="app">
11 <header class="top">
12 <div class="top-l">员工 · 李晓楠</div>
13 <div class="top-r">会议室详情</div>
14 </header>
15 <main class="main">
16<div class="cover">🏢</div>
17<div class="card">
18 <div class="row"><div class="nm" style="font-size:16px;font-weight:800">A301 启明厅</div>
19 <span class="badge b-ok">空闲</span></div>
20 <div class="row" style="margin-top:10px"><div class="muted">📍 3F 东区 · 容量 8 人</div><span class="pin">🪟 靠窗</span></div>
21</div>
22<div class="card">
23 <div class="sec-title"><span class="em">🧰</span> 设备设施</div>
24 <div class="sgrid">
25 <div class="it"><span class="e">🖥️</span>双屏显示器</div><div class="it"><span class="e">📺</span>4K 投影</div><div class="it"><span class="e">🎤</span>全向麦克风</div><div class="it"><span class="e">📞</span>电话会议</div><div class="it"><span class="e">📝</span>白板</div><div class="it"><span class="e">☕</span>茶水台</div>
26 </div>
27</div>
28<div class="card">
29 <div class="sec-title"><span class="em">⏱️</span> 今日占用</div>
30 <div class="guide"><div class="info"><div class="nm">部门周会</div><div class="sub">14:00 – 15:00</div></div><span class="badge b-pri">已约</span></div>
31 <div class="guide"><div class="info"><div class="nm">一对一沟通</div><div class="sub">17:30 – 18:00</div></div><span class="badge b-pri">已约</span></div>
32</div>
33<div class="row" style="gap:8px;margin:4px 2px 12px">
34 <a class="btn full" href="book.html" style="text-decoration:none;text-align:center">预约此会议室</a>
35</div>
36</main>
37 <nav class="nav"><a class=" on" href="index.html"><span class="ic">🏢</span>会议室</a><a class="" href="book.html"><span class="ic">📅</span>预约</a><a class="" href="calendar.html"><span class="ic">🗓️</span>日历</a><a class="" href="my_book.html"><span class="ic">📋</span>我的预约</a><a class="" href="mine.html"><span class="ic">👤</span>我的</a></nav>
38</div>
39<script></script>
40</body>
41</html>