小草面馆自助点餐_H5/mine.html · 约 2742 字符
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">资深面友</div>
15 <div class="uc-level">👑 金卡会员 · 成长值 1720 · 累计省 ¥186</div>
16 </div>
17</div>
18<div class="order-entry">
19 <a data-toast="1 单制作中"><span class="oe-ico">🍳</span>进行中<span class="oe-num">1</span></a>
20 <a data-toast="暂无待付款"><span class="oe-ico">💰</span>待付款</a>
21 <a data-toast="暂无待自提"><span class="oe-ico">🥡</span>待自提</a>
22 <a data-toast="1 单待评价"><span class="oe-ico">⭐</span>待评价<span class="oe-num">1</span></a>
23 <a data-toast="无退款"><span class="oe-ico">↩️</span>退款</a>
24</div>
25<div class="menu-list">
26 <a href="orders.html"><span class="ml-l"><span class="ico">🧾</span>我的订单</span><span class="ml-r">›</span></a>
27 <a href="member.html"><span class="ml-l"><span class="ico">👑</span>会员中心</span><span class="ml-r">›</span></a>
28 <a data-toast="常用桌号 A12"><span class="ml-l"><span class="ico">📍</span>我的桌号</span><span class="ml-r">A12</span></a>
29 <a data-toast="余额 ¥260"><span class="ml-l"><span class="ico">💳</span>我的余额</span><span class="ml-r">¥260</span></a>
30 <a data-toast="积分 860"><span class="ml-l"><span class="ico">⭐</span>我的积分</span><span class="ml-r">860</span></a>
31 <a data-toast="优惠券 5 张可用"><span class="ml-l"><span class="ico">🎟️</span>优惠券</span><span class="ml-r">5 张</span></a>
32 <a data-toast="收藏 8 道面"><span class="ml-l"><span class="ico">❤️</span>我的收藏</span><span class="ml-r">8</span></a>
33 <a data-toast="邀请好友各得 5 元券"><span class="ml-l"><span class="ico">🤝</span>邀请有礼</span><span class="ml-r">›</span></a>
34 <a data-toast="客服在线 10:00-22:00"><span class="ml-l"><span class="ico">🎧</span>联系客服</span><span class="ml-r">400-800-8866</span></a>
35</div>
36
37<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="cart.html"><span class="icon">🛒</span>购物车</a><a class="" href="member.html"><span class="icon">👑</span>会员</a><a class=" active" href="mine.html"><span class="icon">👤</span>我的</a></nav>
38<script src="data.js"></script>
39
40<script src="app.js"></script>
41</body>
42</html>