xiaocao-housekeeping/mine.html · 约 3170 字符
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-points"></div><div class="ps-label">积分</div></div>
12 <div><div class="ps-num" id="p-orders"></div><div class="ps-label">订单</div></div>
13 <div><div class="ps-num" id="p-coupons"></div><div class="ps-label">优惠券</div></div>
14 </div>
15</div>
16<div class="vip-card">
17 <span class="vc-icon">👑</span>
18 <div class="vc-info"><div class="vc-title">开通家庭会员</div><div class="vc-desc">全年95折 · 专属阿姨 · 优先预约</div></div>
19 <button style="background:#fff;color:#e67e22;border:none;padding:8px 16px;border-radius:20px;font-size:13px;font-weight:600;cursor:pointer" onclick="alert('👑 开通家庭会员\n\n年费99元，享全年95折、专属阿姨、优先预约特权！')">开通</button>
20</div>
21<div class="section-title">📌 常用功能</div>
22<div class="card" style="padding:0">
23 <a href="orders.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>
24 <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>
25 <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>
26 <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>
27 <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>
28</div>
29<div style="height:70px"></div>
30<div class="tabbar">
31 <a href="index.html"><span class="icon">🏠</span>首页</a>
32 <a href="services.html"><span class="icon">🧹</span>服务</a>
33 <a href="orders.html"><span class="icon">📦</span>订单</a>
34 <a href="mine.html" class="active"><span class="icon">👤</span>我的</a>
35</div>
36<script src="data.js"></script>
37<script src="app.js"></script>
38<script>renderMine();</script>
39</body></html>