💻 代码预览 · 小草医美

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">V4</span></div>
15    <div class="uc-level">累计消费 ¥12,860 · 已省 ¥2,180 · 距黑钻还差 ¥3,140</div>
16  </div>
17</div>
18<div class="assets">
19  <div class="asset-item"><b>3,260</b><span>积分</span></div>
20  <div class="asset-item"><b>¥800</b><span>储值余额</span></div>
21  <div class="asset-item"><b>4 张</b><span>优惠券</span></div>
22</div>
23<div class="menu-list">
24  <a href="appointment.html"><span class="ml-l"><span class="ico">📅</span>我的预约</span><span class="ml-r">2 待到店</span></a>
25  <a href="#" data-toast="我的订单 3 条"><span class="ml-l"><span class="ico">🧾</span>我的订单</span><span class="ml-r">1 待评价</span></a>
26  <a href="case.html"><span class="ml-l"><span class="ico">📸</span>我的案例</span><span class="ml-r">›</span></a>
27  <a data-toast="我的变美档案已同步"><span class="ml-l"><span class="ico">🪞</span>AI 测脸报告</span><span class="ml-r">最近 8/20</span></a>
28  <a data-toast="疗程卡 2 张 · 剩余 6 次"><span class="ml-l"><span class="ico">💳</span>疗程卡 / 储值</span><span class="ml-r">¥800</span></a>
29  <a data-toast="收藏项目 8 个"><span class="ml-l"><span class="ico">❤️</span>我的收藏</span><span class="ml-r">8</span></a>
30  <a data-toast="老带新：邀请好友双方得 200 元礼包"><span class="ml-l"><span class="ico">🤝</span>老带新裂变</span><span class="ml-r">赚佣金</span></a>
31  <a data-toast="客服在线 9:00-22:00"><span class="ml-l"><span class="ico">🎧</span>联系顾问</span><span class="ml-r">400-880-6666</span></a>
32</div>
33
34<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="doctor.html"><span class="icon">👩‍⚕️</span>医师</a><a class="" href="appointment.html"><span class="icon">📅</span>预约</a><a class=" active" href="mine.html"><span class="icon">👤</span>我的</a></nav>
35<script src="data.js"></script>
36
37<script src="app.js"></script>
38</body>
39</html>