小草文具店_H5/mine.html · 约 2943 字符
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">👑 金卡会员 · 成长值 1958 · 累计省 ¥320</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="1 单待签收"><span class="oe-ico">📦</span>待签收<span class="oe-num">1</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="授信额度 ¥3000"><span class="ml-l"><span class="ico">🪪</span>我的授信</span><span class="ml-r">¥3000</span></a>
29 <a data-toast="会员余额 ¥320"><span class="ml-l"><span class="ico">💳</span>会员余额</span><span class="ml-r">¥320</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="优惠券 3 张可用"><span class="ml-l"><span class="ico">🎟️</span>优惠券</span><span class="ml-r">3 张</span></a>
32 <a data-toast="自提点 2 个"><span class="ml-l"><span class="ico">📍</span>门店自提点</span><span class="ml-r">2 个</span></a>
33 <a data-toast="收藏 12 款文具"><span class="ml-l"><span class="ico">❤️</span>我的收藏</span><span class="ml-r">12</span></a>
34 <a data-toast="邀请好友各得 10 元券"><span class="ml-l"><span class="ico">🤝</span>邀请有礼</span><span class="ml-r">›</span></a>
35 <a data-toast="客服在线 08:30-21:30"><span class="ml-l"><span class="ico">🎧</span>联系客服</span><span class="ml-r">400-666-8822</span></a>
36</div>
37
38<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>
39<script src="data.js"></script>
40
41<script src="app.js"></script>
42</body>
43</html>