muzhizhuan/index.html · 约 3962 字符
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="topbar">13 <div class="brand"><span class="thumb">👆</span> <span>拇指赚</span></div>14 <div class="right">15 <a href="mine.html" class="link">💬 消息</a>16 <a href="mine.html" class="link">我的</a>17 </div>18 </header>1920 <!-- 钱包卡 -->21 <section class="wallet">22 <div class="balance-row">23 <div>24 <div class="label">账户余额（元）</div>25 <div class="balance"><small>¥</small>128.60</div>26 </div>27 <div class="today">今日已赚<br /><b>+¥6.80</b></div>28 </div>29 <div class="ops">30 <a href="javascript:;" data-open="withdraw">💳 立即提现</a>31 <a href="mine.html" class="ghost">📒 收益明细</a>32 </div>33 </section>3435 <!-- 快捷入口 -->36 <section class="quick">37 <a href="javascript:;" data-open="sign">38 <div class="qi q1">📅</div><div class="qt">每日签到</div>39 </a>40 <a href="javascript:;" id="newbieBtn">41 <div class="qi q2">🧧</div><div class="qt">新人红包</div>42 </a>43 <a href="invite.html">44 <div class="qi q3">👥</div><div class="qt">邀请好友</div>45 </a>46 <a href="mine.html">47 <div class="qi q4">🎯</div><div class="qt">新手任务</div>48 </a>49 </section>5051 <!-- 新人红包横幅 -->52 <section class="newbie">53 <div class="hb">🧧</div>54 <div>55 <div class="nb-t">新人注册立得 1 元红包</div>56 <div class="nb-s">完成新手任务再拿 2 元 · 满 1 元即可提现</div>57 </div>58 <a href="javascript:;" class="nb-btn" id="newbieBtn2">立即领取</a>59 </section>6061 <!-- 任务大厅 -->62 <section class="block">63 <div class="block-head">64 <h2>🔥 任务大厅</h2>65 <a href="mine.html" class="more">更多 <em>›</em></a>66 </div>67 <div class="tabs" id="catTabs"></div>68 <div id="taskList"></div>69 </section>7071 <!-- 底部导航 -->72 <nav class="tabbar">73 <a href="index.html" class="on"><span class="ti">🏠</span>首页</a>74 <a href="index.html"><span class="ti">📋</span>任务</a>75 <a href="invite.html"><span class="ti">👥</span>邀请</a>76 <a href="mine.html"><span class="ti">👤</span>我的</a>77 </nav>7879 <!-- 签到弹窗 -->80 <div class="mask" id="signMask">81 <div class="sheet">82 <h3>📅 每日签到</h3>83 <div class="sign-grid" id="signGrid"></div>84 <button class="btn" id="signBtn">立即签到</button>85 <p class="center text-muted" style="font-size:12px;margin:10px 0 0">连续签到 7 天额外得 ¥2.5 大奖</p>86 </div>87 </div>8889 <!-- 提现弹窗 -->90 <div class="mask" id="withdrawMask">91 <div class="sheet">92 <h3>💳 提现</h3>93 <div class="amount-chips">94 <a href="javascript:;" data-v="1">¥1</a>95 <a href="javascript:;" data-v="5">¥5</a>96 <a href="javascript:;" data-v="10">¥10</a>97 <a href="javascript:;" data-v="50">¥50</a>98 <a href="javascript:;" data-v="100">¥100</a>99 </div>100 <input class="inp" id="wdAmount" type="number" placeholder="请输入提现金额（满 ¥1 可提）" />101 <div class="chips">102 <a href="javascript:;" class="on">💚 微信</a>103 <a href="javascript:;">💙 支付宝</a>104 <a href="javascript:;">🏦 银行卡</a>105 </div>106 <button class="btn red" id="wdOk">确认提现</button>107 <p class="center text-muted" style="font-size:12px;margin:10px 0 0">微信/支付宝 10 分钟内到账 · 免手续费</p>108 </div>109 </div>110111 <script src="data.js"></script>112 <script src="app.js"></script>113</body>114</html>115