index.html · 约 1941 字符
1<!DOCTYPE html><html lang="zh-CN"><head>
2<meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
3<title>小草酒店民宿</title><link rel="stylesheet" href="style.css">
4</head><body>
5<div class="header"><span class="back">🏨</span><h1>小草酒店民宿</h1><span class="right">📞</span></div>
6<div class="search-bar">
7 <span class="loc">📍 西安</span>
8 <div class="search-box">🔍 搜索民宿 / 酒店 / 景点</div>
9</div>
10<div class="date-bar">
11 <div class="db-item"><b id="in-date">08-15</b><span>入住 · 周五</span></div>
12 <div class="db-arrow">⇄</div>
13 <div class="db-item"><b id="out-date">08-16</b><span>离店 · 周六</span></div>
14 <div class="db-item"><b>1间</b><span>2人</span></div>
15</div>
16<div class="cat-scroll" id="cat-scroll"></div>
17<div class="section-title">🔥 特惠热卖 <span>全部 ></span></div>
18<div id="hotel-list"></div>
19<div class="section-title">🎫 优惠活动</div>
20<div class="card" style="display:flex;gap:12px;align-items:center">
21 <div style="font-size:36px">🎁</div>
22 <div style="flex:1">
23 <div style="font-weight:600;font-size:15px">新客首单立减50元</div>
24 <div style="font-size:12px;color:#999;margin-top:2px">注册即领，全场民宿酒店通用</div>
25 </div>
26 <span class="badge badge-hot">HOT</span>
27</div>
28<div class="section-title">⭐ 人气点评</div>
29<div class="card" id="rev-preview"></div>
30<div style="height:70px"></div>
31<div class="tabbar">
32 <a href="index.html" class="active"><span class="icon">🏠</span>首页</a>
33 <a href="hotels.html"><span class="icon">🔍</span>找房</a>
34 <a href="orders.html"><span class="icon">📋</span>订单</a>
35 <a href="mine.html"><span class="icon">👤</span>我的</a>
36</div>
37<script src="data.js"></script>
38<script src="app.js"></script>
39<script>renderIndex();</script>
40</body></html>