小草洗鞋店/mine.html · 约 2663 字符
1<!DOCTYPE html>
2<html lang="zh-CN">
3<head>
4<meta charset="UTF-8"/>
5<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"/>
6<title>我的 · 小草洗鞋店</title>
7<link rel="stylesheet" href="style.css"/>
8</head>
9<body>
10
11<div class="user-card">
12 <div class="uc-avatar">🧼</div>
13 <div>
14 <div class="uc-name">洗护会员 <span class="badge badge-gold" style="background:rgba(255,255,255,.25);color:#fff">钻石卡</span></div>
15 <div class="uc-level">累计洗护 86 双 · 已省 ¥312 · 距黑钻还差 14 双</div>
16 </div>
17</div>
18<div class="assets">
19 <div class="asset-item"><b>2,480</b><span>积分</span></div>
20 <div class="asset-item"><b>¥120</b><span>储值余额</span></div>
21 <div class="asset-item"><b>7 双</b><span>次卡余次</span></div>
22</div>
23<div class="menu-list">
24 <a href="track.html"><span class="ml-l"><span class="ico">📦</span>洗护订单</span><span class="ml-r">1 清洗中</span></a>
25 <a href="vip.html"><span class="ml-l"><span class="ico">💎</span>我的次卡</span><span class="ml-r">10次卡 · 余 7 双</span></a>
26 <a data-toast="地址管理 3 个"><span class="ml-l"><span class="ico">📍</span>取件地址</span><span class="ml-r">›</span></a>
27 <a data-toast="智能鞋柜 12 个可用"><span class="ml-l"><span class="ico">🏷️</span>智能鞋柜</span><span class="ml-r">›</span></a>
28 <a data-toast="储值余额 ¥120"><span class="ml-l"><span class="ico">💰</span>储值余额</span><span class="ml-r">¥120</span></a>
29 <a data-toast="企业团洗：批量定制+专属折扣"><span class="ml-l"><span class="ico">🏢</span>企业团洗</span><span class="ml-r">›</span></a>
30 <a data-toast="积分商城兑换护理小样"><span class="ml-l"><span class="ico">⭐</span>积分商城</span><span class="ml-r">2480</span></a>
31 <a data-toast="洗护知识库每周更新"><span class="ml-l"><span class="ico">📚</span>养护课堂</span><span class="ml-r">›</span></a>
32 <a data-toast="客服在线 9:00-21:00"><span class="ml-l"><span class="ico">🎧</span>联系客服</span><span class="ml-r">400-880-2233</span></a>
33</div>
34
35<nav class="tabbar"><a class="" href="index.html"><span class="icon">🏠</span>首页</a><a class="" href="category.html"><span class="icon">🧼</span>服务</a><a class="" href="vip.html"><span class="icon">💎</span>会员</a><a class="" href="track.html"><span class="icon">📦</span>进度</a><a class=" active" href="mine.html"><span class="icon">👤</span>我的</a></nav>
36<script src="data.js"></script>
37
38<script src="app.js"></script>
39</body>
40</html>