小草宠物美容_H5/mine.html · 约 3760 字符
1<!DOCTYPE html><html lang="zh-CN"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"><title>个人中心 · 小草宠物美容</title><link rel="stylesheet" href="style.css"></head><body>
2<div class="header"><span class="back" onclick="history.back()">‹</span><h1>个人中心</h1><span class="right">⚙️</span></div>
3<div class="member-hero">
4 <div class="mh-name" id="u-name">铲屎官·小鹿</div>
5 <span class="mh-level" id="u-level">金卡会员 · 2只毛孩子</span>
6 <div class="mh-stats">
7 <div><b id="m-points">2680</b><span>积分</span></div>
8 <div><b id="m-balance">380</b><span>余额(元)</span></div>
9 <div><b id="m-coupons">6</b><span>优惠券</span></div>
10 <div><b id="m-times">12</b><span>服务次数</span></div>
11 </div>
12</div>
13<div class="section-title">我的卡包</div>
14<div class="cards-row">
15 <div class="cr-item"><div class="cri">💳</div><b>储值卡</b><span>余额 ¥380</span></div>
16 <div class="cr-item"><div class="cri">🎫</div><b>洗护次卡</b><span>剩余 3 次</span></div>
17 <div class="cr-item"><div class="cri">⭐</div><b>造型卡</b><span>剩余 1 次</span></div>
18</div>
19<div class="section-title">我的服务</div>
20<div class="order-nav" style="display:flex;background:#fff;border-radius:12px;margin:12px;padding:14px 0">
21 <a href="orders.html" style="flex:1;text-align:center;font-size:11px;color:#6b4a32"><span style="font-size:24px;display:block;margin-bottom:4px">📅</span>待确认<em style="font-style:normal;display:block;font-size:10px;color:#b39a80;margin-top:2px">预约管理</em></a>
22 <a href="orders.html" style="flex:1;text-align:center;font-size:11px;color:#6b4a32"><span style="font-size:24px;display:block;margin-bottom:4px">🛁</span>服务中<em style="font-style:normal;display:block;font-size:10px;color:#b39a80;margin-top:2px">实时进度</em></a>
23 <a href="orders.html" style="flex:1;text-align:center;font-size:11px;color:#6b4a32"><span style="font-size:24px;display:block;margin-bottom:4px">🏠</span>寄养日记<em style="font-style:normal;display:block;font-size:10px;color:#b39a80;margin-top:2px">每日反馈</em></a>
24 <a href="pets.html" style="flex:1;text-align:center;font-size:11px;color:#6b4a32"><span style="font-size:24px;display:block;margin-bottom:4px">📋</span>宠物档案<em style="font-style:normal;display:block;font-size:10px;color:#b39a80;margin-top:2px">健康记录</em></a>
25</div>
26<div class="menu-list">
27 <a><span class="ml-l"><span class="ico">🎁</span>优惠券</span><span class="ml-r" id="m-c2">6张 ›</span></a>
28 <a><span class="ml-l"><span class="ico">💳</span>充值中心</span><span class="ml-r">充500送50 ›</span></a>
29 <a><span class="ml-l"><span class="ico">🏪</span>附近门店</span><span class="ml-r">2家 ›</span></a>
30 <a><span class="ml-l"><span class="ico">👥</span>邀请好友</span><span class="ml-r">各得30元券 ›</span></a>
31 <a><span class="ml-l"><span class="ico">💬</span>联系客服</span><span class="ml-r">9:00-21:00 ›</span></a>
32 <a><span class="ml-l"><span class="ico">⚙️</span>设置</span><span class="ml-r">›</span></a>
33</div>
34<div style="height:80px"></div>
35<div class="tabbar">
36 <a href="index.html"><span class="icon">🏠</span>首页</a>
37 <a href="services.html"><span class="icon">💈</span>服务</a>
38 <a href="book.html"><span class="icon">📅</span>预约</a>
39 <a href="orders.html"><span class="icon">📋</span>订单</a>
40 <a class="active" href="mine.html"><span class="icon">👤</span>我的</a>
41</div>
42<script src="data.js"></script><script src="app.js"></script>
43<script>renderMine();</script>
44</body></html>