xiaocao-travel/mine.html · 约 2689 字符
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="profile-header">
7 <div class="profile-avatar">🧑</div>
8 <div style="font-size:18px;font-weight:600" id="p-name"></div>
9 <div style="font-size:13px;opacity:.85;margin-top:2px" id="p-level"></div>
10 <div class="profile-stats">
11 <div><div class="ps-num" id="p-trips"></div><div class="ps-label">旅行次数</div></div>
12 <div><div class="ps-num" id="p-spots"></div><div class="ps-label">打卡景点</div></div>
13 <div><div class="ps-num" id="p-likes"></div><div class="ps-label">获赞</div></div>
14 </div>
15</div>
16<div class="section-title">📌 我的工具</div>
17<div class="card" style="padding:0">
18 <a href="plan.html" style="display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid #f5f5f5"><span>📅 我的行程</span><span style="color:#ccc">›</span></a>
19 <a href="javascript:void(0)" onclick="alert('⭐ 收藏的目的地')" style="display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid #f5f5f5"><span>⭐ 收藏目的地</span><span style="color:#ccc">›</span></a>
20 <a href="javascript:void(0)" onclick="alert('🎫 我的订单')" style="display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid #f5f5f5"><span>🎫 门票酒店订单</span><span style="color:#ccc">›</span></a>
21 <a href="javascript:void(0)" onclick="alert('📖 我的游记')" style="display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid #f5f5f5"><span>📖 我的游记</span><span style="color:#ccc">›</span></a>
22 <a href="javascript:void(0)" onclick="alert('⚙️ 设置')" style="display:flex;justify-content:space-between;align-items:center;padding:14px 16px"><span>⚙️ 设置</span><span style="color:#ccc">›</span></a>
23</div>
24<div style="height:70px"></div>
25<div class="tabbar">
26 <a href="index.html"><span class="icon">🏠</span>首页</a>
27 <a href="destinations.html"><span class="icon">🗺️</span>目的地</a>
28 <a href="plan.html"><span class="icon">📅</span>行程</a>
29 <a href="travelogue.html"><span class="icon">📖</span>游记</a>
30</div>
31<script src="data.js"></script>
32<script src="app.js"></script>
33<script>renderMine();</script>
34</body></html>