r99/index.html · 约 2689 字符
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="banner"><div class="b1">🏢 今天去哪开会？</div>
17<div class="b2">共 12 间会议室 · 实时空闲状态 · 一键预约</div></div>
18<div class="search">🔍 搜索会议室 / 楼层，如「3F」</div>
19<div class="chips">
20 <div class="chip on">全部</div><div class="chip">空闲</div><div class="chip">🖥 双屏</div>
21 <div class="chip">📺 投影</div><div class="chip">📞 电话会议</div>
22</div>
23<div class="card">
24 <div class="sec-title"><span class="em">🏢</span> 会议室（12）</div>
25 <a class="guide" href="room.html" style="text-decoration:none;color:inherit"><div class="thumb">🏢</div><div class="info"><div class="nm">A301 启明厅</div><div class="sub">8 人 · 3F 东区 · 空闲</div></div><span class="badge b-ok">🖥 双屏 / 视频</span></a><a class="guide" href="room.html" style="text-decoration:none;color:inherit"><div class="thumb">🏛️</div><div class="info"><div class="nm">B205 致远厅</div><div class="sub">16 人 · 2F 中庭 · 占用</div></div><span class="badge b-red">📺 投影 / 白板</span></a><a class="guide" href="room.html" style="text-decoration:none;color:inherit"><div class="thumb">💡</div><div class="info"><div class="nm">C108 创想间</div><div class="sub">4 人 · 1F 西 · 空闲</div></div><span class="badge b-ok">📞 电话会议</span></a><a class="guide" href="room.html" style="text-decoration:none;color:inherit"><div class="thumb">🌐</div><div class="info"><div class="nm">A402 云端厅</div><div class="sub">12 人 · 4F · 即将占用</div></div><span class="badge b-warn">🖥 双屏 / 远程</span></a>
26</div>
27<div class="row" style="gap:8px;margin:4px 2px 12px">
28 <a class="btn full" href="book.html" style="text-decoration:none;text-align:center">＋ 预约会议</a>
29</div>
30</main>
31 <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>
32</div>
33<script></script>
34</body>
35</html>