💻 代码预览 · 小草花坊

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">累计消费 ¥2,680 · 已省 ¥328 · 距离钻石卡还差 ¥320</div>
16  </div>
17</div>
18<div class="assets">
19  <div class="asset-item"><b>1,860</b><span>积分</span></div>
20  <div class="asset-item"><b>¥200</b><span>礼品卡</span></div>
21  <div class="asset-item"><b>6 张</b><span>优惠券</span></div>
22</div>
23<div class="menu-list">
24  <a href="orders.html"><span class="ml-l"><span class="ico">📦</span>我的订单</span><span class="ml-r">1 配送中</span></a>
25  <a href="subscribe.html"><span class="ml-l"><span class="ico">📅</span>我的订阅</span><span class="ml-r">季花 · 剩余 8 束</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="礼品卡余额 ¥200"><span class="ml-l"><span class="ico">🎁</span>礼品卡</span><span class="ml-r">¥200</span></a>
28  <a data-toast="企业福利采购：批量定制+专属折扣"><span class="ml-l"><span class="ico">🏢</span>企业团购</span><span class="ml-r">›</span></a>
29  <a data-toast="积分商城兑换花艺工具"><span class="ml-l"><span class="ico">⭐</span>积分商城</span><span class="ml-r">1860</span></a>
30  <a data-toast="花艺课程每周更新"><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="subscribe.html"><span class="icon">📅</span>订阅</a><a class="" href="orders.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>