xiaocao-rent/index.html · 约 1890 字符
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="sb-icon">🔍</span>
8 <span class="sb-text">搜索小区、地铁站、商圈...</span>
9 <span class="sb-btn">搜索</span>
10</div>
11<div class="city-bar" id="city-bar"></div>
12<div class="section-title">🔥 精选好房 <span>全部房源 ></span></div>
13<div id="house-list"></div>
14<div class="section-title">📌 租房小贴士</div>
15<div class="card">
16 <div style="display:flex;gap:12px;align-items:center;margin-bottom:10px">
17 <span style="font-size:28px">💡</span>
18 <div style="flex:1"><div style="font-weight:600;font-size:14px">签约前必查三件事</div><div style="font-size:12px;color:#999;margin-top:2px">产权证 / 水电费 / 退租条款</div></div>
19 </div>
20 <div style="display:flex;gap:12px;align-items:center">
21 <span style="font-size:28px">🛡️</span>
22 <div style="flex:1"><div style="font-weight:600;font-size:14px">平台安心保障</div><div style="font-size:12px;color:#999;margin-top:2px">真实房源 · 透明签约 · 售后无忧</div></div>
23 </div>
24</div>
25<div style="height:70px"></div>
26<div class="tabbar">
27 <a href="index.html" class="active"><span class="icon">🏠</span>首页</a>
28 <a href="list.html"><span class="icon">🏘️</span>找房</a>
29 <a href="fav.html"><span class="icon">⭐</span>收藏</a>
30 <a href="mine.html"><span class="icon">👤</span>我的</a>
31</div>
32<script src="data.js"></script>
33<script src="app.js"></script>
34<script>renderIndex();</script>
35</body></html>