💻 代码预览 · 小草旅游攻略

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="hero-banner">
12  <div class="hb-title">世界那么大，去看看吧 🌍</div>
13  <div class="hb-sub">热门目的地攻略 · 行程规划 · 达人分享</div>
14</div>
15<div class="quick-grid">
16  <a href="destinations.html"><span class="qicon">🗺️</span>目的地</a>
17  <a href="plan.html"><span class="qicon">📅</span>行程规划</a>
18  <a href="travelogue.html"><span class="qicon">📖</span>游记社区</a>
19  <a href="mine.html"><span class="qicon">👤</span>我的</a>
20</div>
21<div class="section-title">🔥 热门目的地 <span>全部 ></span></div>
22<div id="dest-list"></div>
23<div class="section-title">📖 达人游记 <span>更多 ></span></div>
24<div id="post-list"></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="destinations.html"><span class="icon">🗺️</span>目的地</a>
29  <a href="plan.html"><span class="icon">📅</span>行程</a>
30  <a href="travelogue.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>