小草谷子店/mine.html · 约 2914 字符
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">累计消费 ¥7,310 · 距钻石卡还差 ¥2,690</div>
16 </div>
17</div>
18<div class="sign-bar">
19 <div class="sb-title">📅 谷子签 · 连续签到领积分</div>
20 <div class="sign-days">
21 <div class="sd done">一✓</div>
22 <div class="sd done">二✓</div>
23 <div class="sd done">三✓</div>
24 <div class="sd done">四✓</div>
25 <div class="sd done">五✓</div>
26 <div class="sd done">六✓</div>
27 <div class="sd today">七+10</div>
28 </div>
29</div>
30<div class="assets">
31 <div class="asset-item"><b>1,860</b><span>积分</span></div>
32 <div class="asset-item"><b>¥200</b><span>余额</span></div>
33 <div class="asset-item"><b>6 张</b><span>优惠券</span></div>
34</div>
35<div class="menu-list">
36 <a href="category.html"><span class="ml-l"><span class="ico">🛍️</span>我的订单</span><span class="ml-r">1 配送中</span></a>
37 <a data-toast="想入手清单 12 件"><span class="ml-l"><span class="ico">💖</span>想入手</span><span class="ml-r">12</span></a>
38 <a data-toast="谷子签今日可领 +10 积分"><span class="ml-l"><span class="ico">📅</span>谷子签</span><span class="ml-r">已签 6 天</span></a>
39 <a data-toast="积分商城兑换吧唧/立牌"><span class="ml-l"><span class="ico">⭐</span>积分商城</span><span class="ml-r">1860</span></a>
40 <a data-toast="二手闲置 3 件在售"><span class="ml-l"><span class="ico">🔁</span>我的闲置</span><span class="ml-r">3 在售</span></a>
41 <a data-toast="IP 关注 8 个"><span class="ml-l"><span class="ico">⚔️</span>关注的 IP</span><span class="ml-r">8</span></a>
42 <a data-toast="收货地址 3 个"><span class="ml-l"><span class="ico">📍</span>收货地址</span><span class="ml-r">›</span></a>
43 <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>
44</div>
45
46<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="gacha.html"><span class="icon">🎰</span>抽卡</a><a class="" href="community.html"><span class="icon">💬</span>社区</a><a class=" active" href="mine.html"><span class="icon">👤</span>我的</a></nav>
47<script src="data.js"></script>
48
49<script src="app.js"></script>
50</body>
51</html>