💻 代码预览 · 小草酒店民宿

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="member-header">
7  <div class="member-avatar">🧳</div>
8  <div style="font-size:18px;font-weight:600" id="m-name"></div>
9  <div class="member-level" id="m-level"></div>
10</div>
11<div class="points-grid">
12  <div><div class="pg-num" id="m-points"></div><div class="pg-label">积分</div></div>
13  <div><div class="pg-num" id="m-coupons"></div><div class="pg-label">优惠券</div></div>
14  <div><div class="pg-num" id="m-orders"></div><div class="pg-label">订单数</div></div>
15</div>
16<div class="section-title">🎫 我的优惠券</div>
17<div id="m-coupon-list"></div>
18<div class="section-title">⚙️ 常用功能</div>
19<div class="menu-list">
20  <a href="orders.html"><span>📋 我的订单</span><span>›</span></a>
21  <a href="javascript:void(0)"><span>❤️ 我的收藏</span><span id="m-favs">›</span></a>
22  <a href="javascript:void(0)"><span>💳 卡券包</span><span>›</span></a>
23  <a href="javascript:void(0)"><span>📝 开票申请</span><span>›</span></a>
24  <a href="javascript:void(0)"><span>💬 联系客服</span><span>›</span></a>
25</div>
26<div style="height:70px"></div>
27<div class="tabbar">
28  <a href="index.html"><span class="icon">🏠</span>首页</a>
29  <a href="hotels.html"><span class="icon">🔍</span>找房</a>
30  <a href="orders.html"><span class="icon">📋</span>订单</a>
31  <a href="mine.html" class="active"><span class="icon">👤</span>我的</a>
32</div>
33<script src="data.js"></script>
34<script src="app.js"></script>
35<script>renderMine();</script>
36</body></html>