muzhizhuan/mine.html · 约 4775 字符
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.0, maximum-scale=1.0, user-scalable=no" />6 <meta name="theme-color" content="#ff8a00" />7 <title>我的 · 拇指赚</title>8 <link rel="stylesheet" href="style.css" />9</head>10<body>11 <!-- 页面标题栏 -->12 <header class="pgbar">13 <a href="index.html" class="back">‹</a>14 <h1>个人中心</h1>15 <span class="ph">拇指赚</span>16 </header>1718 <div id="mineWrap">19 <!-- 用户卡 -->20 <section class="me-head">21 <div class="avatar">😎</div>22 <div>23 <div class="nm" id="meNick">爱赚的小拇指</div>24 <div class="id" id="meId">ID: MZ-20260814</div>25 </div>26 <div class="vip">🌟 认证用户</div>27 </section>2829 <!-- 资产统计 -->30 <section class="stat-grid">31 <div class="st"><b id="statTotal">¥175.10</b><span>累计收益</span></div>32 <div class="st"><b id="statBalance">¥128.60</b><span>可用余额</span></div>33 <div class="st"><b id="statPending">¥12.00</b><span>审核中</span></div>34 <div class="st"><b id="statWithdrawn">¥88.00</b><span>累计提现</span></div>35 </section>3637 <!-- 快捷操作 -->38 <section class="card menu-list">39 <a href="javascript:;" data-open="withdraw"><span class="mi" style="background:#fff3e2">💳</span>立即提现<span class="val">满 ¥1 可提</span><span class="arr">›</span></a>40 <a href="javascript:;" data-open="sign"><span class="mi" style="background:#ffe9e9">📅</span>每日签到<span class="val">连续签到赢大奖</span><span class="arr">›</span></a>41 <a href="invite.html"><span class="mi" style="background:#e7f6ee">👥</span>邀请好友<span class="val">10% 永久分成</span><span class="arr">›</span></a>42 <a href="javascript:;" onclick="toast2('功能开发中，敬请期待')"><span class="mi" style="background:#eef0ff">🎮</span>任务记录<span class="arr">›</span></a>43 <a href="javascript:;" onclick="toast2('功能开发中，敬请期待')"><span class="mi" style="background:#f6f1e9">🛍️</span>金币商城<span class="arr">›</span></a>44 </section>4546 <!-- 收益明细 -->47 <section class="block-head" style="padding:18px 14px 8px">48 <h2>💰 收益明细</h2>49 <a href="javascript:;" class="more">近 7 天 <em>▾</em></a>50 </section>51 <section class="card flow-list" id="flowList"></section>5253 <!-- 帮助 -->54 <section class="block-head" style="padding:18px 14px 8px">55 <h2>❓ 常见问题</h2>56 </section>57 <section class="card qa" id="faqList"></section>5859 <p class="center text-muted" style="font-size:11.5px;margin:20px 0 10px">拇指赚 · 手指动一动，零钱赚不停</p>60 </div>6162 <!-- 底部导航 -->63 <nav class="tabbar">64 <a href="index.html"><span class="ti">🏠</span>首页</a>65 <a href="index.html"><span class="ti">📋</span>任务</a>66 <a href="invite.html"><span class="ti">👥</span>邀请</a>67 <a href="mine.html" class="on"><span class="ti">👤</span>我的</a>68 </nav>6970 <!-- 提现弹窗 -->71 <div class="mask" id="withdrawMask">72 <div class="sheet">73 <h3>💳 提现</h3>74 <div class="amount-chips">75 <a href="javascript:;" data-v="1">¥1</a>76 <a href="javascript:;" data-v="5">¥5</a>77 <a href="javascript:;" data-v="10">¥10</a>78 <a href="javascript:;" data-v="50">¥50</a>79 <a href="javascript:;" data-v="100">¥100</a>80 </div>81 <input class="inp" id="wdAmount" type="number" placeholder="请输入提现金额（满 ¥1 可提）" />82 <div class="chips">83 <a href="javascript:;" class="on">💚 微信</a>84 <a href="javascript:;">💙 支付宝</a>85 <a href="javascript:;">🏦 银行卡</a>86 </div>87 <button class="btn red" id="wdOk">确认提现</button>88 <p class="center text-muted" style="font-size:12px;margin:10px 0 0">微信/支付宝 10 分钟内到账 · 免手续费</p>89 </div>90 </div>9192 <!-- 签到弹窗 -->93 <div class="mask" id="signMask">94 <div class="sheet">95 <h3>📅 每日签到</h3>96 <div class="sign-grid" id="signGrid"></div>97 <button class="btn" id="signBtn">立即签到</button>98 <p class="center text-muted" style="font-size:12px;margin:10px 0 0">连续签到 7 天额外得 ¥2.5 大奖</p>99 </div>100 </div>101102 <script>103 function toast2(m) {104 var t = document.createElement("div");105 t.className = "toast show";106 t.textContent = m;107 document.body.appendChild(t);108 setTimeout(function () { t.remove(); }, 1800);109 }110 </script>111 <script src="data.js"></script>112 <script src="app.js"></script>113</body>114</html>115