r44/hlist.html · 约 3577 字符
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="seg" style="margin-bottom:12px"><div class="sg on"><button>综合</button></div><div class="sg"><button>价格</button></div><div class="sg"><button>距离</button></div><div class="sg"><button>评分</button></div></div>
17<div class="card">
18 <div class="row" style="margin-bottom:10px"><div class="sec-title" style="margin:0"><span class="em">🏨</span> 共 5 家酒店</div><span class="muted">市中心·步行街附近</span></div>
19 <a class="hotel" href="room.html" style="text-decoration:none;color:inherit"><div class="thumb">🏨</div><div class="info"><div class="nm">小草精品酒店</div><div class="sub">★ 4.8 · 市中心·步行街 88 号</div><div style="margin-top:3px"><span class="tag">WiFi</span> <span class="tag">早餐</span> <span class="tag">停车</span></div></div><div style="text-align:right"><div class="pr">¥328</div><button class="btn sm" style="margin-top:6px">预订</button></div></a><a class="hotel" href="room.html" style="text-decoration:none;color:inherit"><div class="thumb">🌊</div><div class="info"><div class="nm">海景大酒店</div><div class="sub">★ 4.6 · 滨海路 18 号</div><div style="margin-top:3px"><span class="tag">WiFi</span> <span class="tag">早餐</span> <span class="tag">停车</span></div></div><div style="text-align:right"><div class="pr">¥568</div><button class="btn sm" style="margin-top:6px">预订</button></div></a><a class="hotel" href="room.html" style="text-decoration:none;color:inherit"><div class="thumb">🏙️</div><div class="info"><div class="nm">城市便捷酒店</div><div class="sub">★ 4.5 · 高新园区·科技路</div><div style="margin-top:3px"><span class="tag">WiFi</span> <span class="tag">早餐</span> <span class="tag">停车</span></div></div><div style="text-align:right"><div class="pr">¥268</div><button class="btn sm" style="margin-top:6px">预订</button></div></a><a class="hotel" href="room.html" style="text-decoration:none;color:inherit"><div class="thumb">🏡</div><div class="info"><div class="nm">云栖民宿</div><div class="sub">★ 4.9 · 古镇景区·水巷</div><div style="margin-top:3px"><span class="tag">WiFi</span> <span class="tag">早餐</span> <span class="tag">停车</span></div></div><div style="text-align:right"><div class="pr">¥418</div><button class="btn sm" style="margin-top:6px">预订</button></div></a><a class="hotel" href="room.html" style="text-decoration:none;color:inherit"><div class="thumb">🚉</div><div class="info"><div class="nm">星河连锁酒店</div><div class="sub">★ 4.4 · 火车站南广场</div><div style="margin-top:3px"><span class="tag">WiFi</span> <span class="tag">早餐</span> <span class="tag">停车</span></div></div><div style="text-align:right"><div class="pr">¥238</div><button class="btn sm" style="margin-top:6px">预订</button></div></a>
20</div>
21</main>
22 <nav class="nav"><a class="" href="index.html"><span class="ic">🔍</span>找酒店</a><a class=" on" href="hlist.html"><span class="ic">🏨</span>酒店</a><a class="" href="reserve.html"><span class="ic">📋</span>预订</a></nav>
23</div>
24<script></script>
25</body>
26</html>