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

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="card" style="display:flex;gap:12px;align-items:center">
7  <div style="width:44px;height:44px;border-radius:10px;background:var(--primary-light);display:flex;align-items:center;justify-content:center;font-size:22px">🏯</div>
8  <div style="flex:1"><div style="font-weight:600;font-size:15px">丽江古城3日游</div><div style="font-size:12px;color:#999;margin-top:2px">8/15 - 8/17 · 2人 · 预算¥3000</div></div>
9  <button style="padding:6px 14px;border-radius:20px;font-size:13px;background:var(--primary-light);color:var(--primary);cursor:pointer;border:none" onclick="alert('📤 分享行程')">分享</button>
10</div>
11<div id="plan-list"></div>
12<div class="card" style="text-align:center;cursor:pointer" onclick="alert('＋ 添加新行程')">
13  <span style="color:var(--primary);font-size:14px">＋ 添加新行程</span>
14</div>
15<div style="height:70px"></div>
16<div class="tabbar">
17  <a href="index.html"><span class="icon">🏠</span>首页</a>
18  <a href="destinations.html"><span class="icon">🗺️</span>目的地</a>
19  <a href="plan.html" class="active"><span class="icon">📅</span>行程</a>
20  <a href="travelogue.html"><span class="icon">📖</span>游记</a>
21</div>
22<script src="data.js"></script>
23<script src="app.js"></script>
24<script>renderPlan();</script>
25</body></html>