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

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 id="detail-body"></div>
7<div style="height:80px"></div>
8<div class="bottom-bar" style="position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:430px;background:#fff;border-top:1px solid #eee;display:flex;align-items:center;padding:10px 16px;z-index:100;gap:10px">
9  <button style="flex:1;padding:12px;border:1.5px solid var(--primary);border-radius:25px;background:#fff;color:var(--primary);font-size:15px;font-weight:600;cursor:pointer" onclick="alert('📅 加入行程\n\n已添加至我的行程规划')">加入行程</button>
10  <button style="flex:1.4;padding:12px;border:none;border-radius:25px;background:linear-gradient(135deg,#00838f,#00b8d4);color:#fff;font-size:15px;font-weight:600;cursor:pointer" onclick="alert('🎫 门票预订\n\n此为演示页面，实际对接票务系统')">预订门票</button>
11</div>
12<script src="data.js"></script>
13<script src="app.js"></script>
14<script>renderDetail();</script>
15</body></html>