💻 代码预览 · 小草卤肉店

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">累计消费 ¥1,860 · 已省 ¥236 · 距离金卡还差 ¥140</div>
16  </div>
17</div>
18<div class="assets">
19  <div class="asset-item"><b>1,420</b><span>积分</span></div>
20  <div class="asset-item"><b>¥120</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="orders.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">银卡 · 余 ¥120</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="附近门店 8 家 · 到店自提免排队"><span class="ml-l"><span class="ico">🏪</span>附近门店</span><span class="ml-r">›</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">1420</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="vip.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>