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

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" onclick="history.back()">‹</span><h1>全部目的地</h1><span class="right">🔍</span></div>
6<div class="filter-bar" style="display:flex;gap:0;background:#fff;padding:8px 12px;border-bottom:1px solid #eee;overflow-x:auto;white-space:nowrap">
7  <a href="javascript:void(0)" class="active" style="padding:8px 14px;font-size:13px;color:var(--primary);font-weight:600;border-bottom:2px solid var(--primary)" onclick="setCat(this,'全部')">全部</a>
8  <a href="javascript:void(0)" style="padding:8px 14px;font-size:13px;color:#666" onclick="setCat(this,'自然')">自然风光</a>
9  <a href="javascript:void(0)" style="padding:8px 14px;font-size:13px;color:#666" onclick="setCat(this,'历史')">历史文化</a>
10  <a href="javascript:void(0)" style="padding:8px 14px;font-size:13px;color:#666" onclick="setCat(this,'海滨')">海滨度假</a>
11  <a href="javascript:void(0)" style="padding:8px 14px;font-size:13px;color:#666" onclick="setCat(this,'古城')">古城古镇</a>
12</div>
13<div id="dest-list"></div>
14<div style="height:70px"></div>
15<div class="tabbar">
16  <a href="index.html"><span class="icon">🏠</span>首页</a>
17  <a href="destinations.html" class="active"><span class="icon">🗺️</span>目的地</a>
18  <a href="plan.html"><span class="icon">📅</span>行程</a>
19  <a href="travelogue.html"><span class="icon">📖</span>游记</a>
20</div>
21<script src="data.js"></script>
22<script src="app.js"></script>
23<script>renderDestinations();</script>
24</body></html>