小草问卷宝_H5/index.html · 约 3109 字符
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="banner">
12 <div>
13 <div class="bn-title">小草问卷宝</div>
14 <div class="bn-sub">答问卷 · 赚零花 · 提现秒到账<br/>碎片时间轻松月入 300-800 元</div>
15 <div class="bn-badge">🎁 新人注册送 3 元</div>
16 </div>
17 <div class="bn-emoji">📋</div>
18</div>
19<div class="earn-panel">
20 <div class="ep-avatar">👩🎓</div>
21 <div class="ep-body">
22 <div class="ep-name">小鹿同学 <span class="badge badge-gold">黄金会员</span></div>
23 <div class="ep-meta">本周答题 18 份 · 画像匹配度 85%</div>
24 </div>
25 <div class="ep-bal"><b>¥32.50</b><span>可提现余额</span></div>
26</div>
27<div class="quick-grid">
28 <a href="surveys.html"><div class="qicon">💎</div>高额问卷</a>
29 <a href="surveys.html"><div class="qicon">⚡</div>秒答赚钱</a>
30 <a href="tasks.html"><div class="qicon">📅</div>每日签到</a>
31 <a href="wallet.html"><div class="qicon">💰</div>立即提现</a>
32 <a href="rank.html"><div class="qicon">🏆</div>答题排行</a>
33 <a href="tasks.html"><div class="qicon">🤝</div>邀请好友</a>
34 <a href="mine.html"><div class="qicon">🎯</div>完善画像</a>
35 <a data-toast="客服在线 8:00-24:00"><div class="qicon">🎧</div>在线客服</a>
36</div>
37<div class="section-title">🔥 今日高额问卷 <span>午间 11:30 特供 ›</span></div>
38<div id="hotSurvey"></div>
39<div class="tip-box">
40 💡 <b>答题小贴士：</b>新问卷上线前 2 小时通过率最高；优先选「报酬 ÷ 时长」高的问卷；答题过快（1 分钟内）可能被判敷衍作废，请认真作答。
41</div>
42
43
44<nav class="tabbar"><a class=" active" href="index.html"><span class="icon">🏠</span>首页</a><a class="" href="surveys.html"><span class="icon">📋</span>问卷</a><a class="" href="tasks.html"><span class="icon">🎯</span>任务</a><a class="" href="wallet.html"><span class="icon">💰</span>钱包</a><a class="" href="mine.html"><span class="icon">👤</span>我的</a></nav>
45<script src="data.js"></script>
46<script>
47 var hs = document.getElementById('hotSurvey');
48 var h = '';
49 window.DATA.surveys.slice(0, 3).forEach(function (s) {
50 h += '<div class="survey-card"><div class="sc-head"><div class="sc-title">' + s.title + (s.new ? ' <span class="badge badge-new">新</span>' : '') + '</div>'
51 + '<div class="sc-reward">¥' + s.reward.toFixed(1) + '<small> /份</small></div></div>'
52 + '<div class="sc-meta"><span>⏱ ' + s.mins + ' 分钟</span><span>📝 ' + s.num + ' 题</span><span>✅ 通过率 ' + s.pass + '%</span></div>'
53 + '<div class="sc-foot"><span>剩余配额 ' + s.left + ' 份 · ' + s.org + '</span><div class="sc-btn">去答题</div></div></div>';
54 });
55 hs.innerHTML = h;
56</script>
57<script src="app.js"></script>
58</body>
59</html>