💻 代码预览 · 小草问卷宝

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<header class="header"><span class="back"></span><h1>问卷大厅</h1><span class="right">🔍</span></header>
12<div class="filter-tabs">
13  <div class="filter-tab sel">全部</div>
14  <div class="filter-tab">高额</div>
15  <div class="filter-tab">秒答</div>
16  <div class="filter-tab">新手友好</div>
17  <div class="filter-tab">午间特供</div>
18</div>
19<div class="sort-bar"><span class="on">综合排序</span><span>奖励最高</span><span>用时最短</span><span>通过率</span></div>
20<div class="section-title">全部问卷 <span>今日 128 份 · 新上 12 份</span></div>
21<div id="surveyList"></div>
22
23
24<nav class="tabbar"><a class="" href="index.html"><span class="icon">🏠</span>首页</a><a class=" active" 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>
25<script src="data.js"></script>
26<script>
27  var sl = document.getElementById('surveyList');
28  var h = '';
29  window.DATA.surveys.forEach(function (s) {
30    h += '<div class="survey-card"><div class="sc-head"><div class="sc-title">' + s.title + (s.hot ? ' <span class="badge badge-hot">热</span>' : '') + (s.new ? ' <span class="badge badge-new">新</span>' : '') + '</div>'
31      + '<div class="sc-reward">¥' + s.reward.toFixed(1) + '<small> /份</small></div></div>'
32      + '<div class="sc-meta"><span>⏱ ' + s.mins + ' 分钟</span><span>📝 ' + s.num + ' 题</span><span>✅ 通过率 ' + s.pass + '%</span></div>'
33      + '<div class="sc-foot"><span>剩余 ' + s.left + ' 份 · ' + s.org + '</span><div class="sc-btn">去答题</div></div></div>';
34  });
35  sl.innerHTML = h;
36</script>
37<script src="app.js"></script>
38</body>
39</html>