muzhizhuan/invite.html · 约 4026 字符
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 <!-- 邀请英雄区 -->19 <section class="invite-hero" id="inviteWrap">20 <h1>👥 邀请好友，躺赚分成</h1>21 <p>好友注册 +1 元，完成首单再 +2 元，后续收益 10% 永久分成</p>22 <div class="qr">23 <svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">24 <rect width="100" height="100" fill="#fff"/>25 <g fill="#1a1a1a">26 <rect x="8" y="8" width="28" height="28"/><rect x="12" y="12" width="8" height="8"/>27 <rect x="24" y="12" width="8" height="8"/><rect x="12" y="24" width="8" height="8"/>28 <rect x="24" y="24" width="8" height="8"/><rect x="64" y="8" width="28" height="28"/>29 <rect x="68" y="12" width="8" height="8"/><rect x="80" y="12" width="8" height="8"/>30 <rect x="68" y="24" width="8" height="8"/><rect x="80" y="24" width="8" height="8"/>31 <rect x="8" y="64" width="28" height="28"/><rect x="12" y="68" width="8" height="8"/>32 <rect x="24" y="68" width="8" height="8"/><rect x="12" y="80" width="8" height="8"/>33 <rect x="24" y="80" width="8" height="8"/>34 <rect x="44" y="8" width="12" height="8"/><rect x="44" y="20" width="8" height="8"/>35 <rect x="44" y="32" width="12" height="8"/><rect x="60" y="32" width="8" height="8"/>36 <rect x="44" y="44" width="8" height="8"/><rect x="56" y="44" width="8" height="8"/>37 <rect x="68" y="44" width="8" height="8"/><rect x="80" y="44" width="8" height="8"/>38 <rect x="44" y="56" width="8" height="8"/><rect x="44" y="68" width="12" height="8"/>39 <rect x="60" y="56" width="8" height="8"/><rect x="60" y="68" width="8" height="8"/>40 <rect x="72" y="56" width="8" height="8"/><rect x="84" y="56" width="8" height="8"/>41 <rect x="72" y="68" width="8" height="8"/><rect x="84" y="68" width="8" height="8"/>42 <rect x="56" y="80" width="8" height="8"/><rect x="68" y="80" width="8" height="8"/>43 <rect x="80" y="80" width="12" height="8"/><rect x="44" y="92" width="8" height="8"/>44 <rect x="56" y="92" width="8" height="8"/><rect x="72" y="92" width="8" height="8"/>45 </g>46 </svg>47 </div>48 <div class="invite-code" id="inviteCode">MZ-8888</div>49 <p style="margin:10px 0 0">好友输入邀请码注册，双方都有奖励</p>50 </section>5152 <!-- 分享按钮 -->53 <section class="block">54 <div class="chips">55 <a href="javascript:;" id="copyInvite" style="flex:1.2">📋 复制邀请链接</a>56 <a href="javascript:;" onclick="alert('已唤起微信分享')">💚 微信好友</a>57 <a href="javascript:;" onclick="alert('已唤起朋友圈分享')">🌐 朋友圈</a>58 </div>59 </section>6061 <!-- 邀请规则 -->62 <section class="card rule-list">63 <h2 style="font-size:15px;margin:0 0 6px;font-weight:800">🎁 邀请奖励规则</h2>64 <div id="ruleList"></div>65 </section>6667 <!-- 我的团队 -->68 <section class="card rule-list">69 <h2 style="font-size:15px;margin:0 0 6px;font-weight:800">👥 我的团队（3）</h2>70 <div id="friendList"></div>71 </section>7273 <!-- 底部导航 -->74 <nav class="tabbar">75 <a href="index.html"><span class="ti">🏠</span>首页</a>76 <a href="index.html"><span class="ti">📋</span>任务</a>77 <a href="invite.html" class="on"><span class="ti">👥</span>邀请</a>78 <a href="mine.html"><span class="ti">👤</span>我的</a>79 </nav>8081 <script src="data.js"></script>82 <script src="app.js"></script>83</body>84</html>85