💻 代码预览 · 小草问卷宝

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"><a class="back" onclick="history.back()">‹</a><h1>问卷详情</h1><span class="right"></span></header>
12<div class="detail-hero">
13  <div class="dh-title">新品奶茶口味偏好调研 <span class="badge badge-hot" style="background:rgba(255,255,255,.25);color:#fff">高额</span></div>
14  <div class="dh-reward">¥5.00<small> / 完成即得</small></div>
15  <div class="dh-meta"><span>⏱ 约 8 分钟</span><span>📝 25 题</span><span>✅ 通过率 92%</span></div>
16</div>
17<div class="detail-sec">
18  <div class="ds-title">📋 问卷信息</div>
19  <div class="ds-row"><span>发布机构</span><b>某头部茶饮品牌</b></div>
20  <div class="ds-row"><span>剩余配额</span><b style="color:#ea580c">320 份</b></div>
21  <div class="ds-row"><span>截止时间</span><b>2026-08-20 24:00</b></div>
22  <div class="ds-row"><span>结算方式</span><b>审核通过后秒到账</b></div>
23  <div class="ds-row"><span>适合人群</span><b>18-30 岁 · 学生/白领</b></div>
24</div>
25<div class="detail-sec">
26  <div class="ds-title">📖 内容预览</div>
27  <div class="ds-text">包含奶茶购买频率、口味偏好、品牌认知、新品接受度等题目，含 1 道甄别题（请根据真实情况作答）。</div>
28</div>
29<div class="detail-sec">
30  <div class="ds-title">🛡️ 作答要求</div>
31  <div class="ds-text">• 请认真阅读题目作答，前后逻辑需保持一致<br/>• 答题时长少于 60 秒可能被判为敷衍作废<br/>• 甄别题未通过将无法获得奖励<br/>• 每台设备每个账号仅可作答一次</div>
32</div>
33<div class="tip-box">
34  💡 新问卷前 2 小时通过率最高，本问卷已上线 1 小时，建议尽快作答！
35</div>
36<div style="padding:0 12px 90px">
37  <div class="btn btn-primary" data-toast="问卷已加载，开始作答">📝 开始答题</div>
38</div>
39
40<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>
41<script src="data.js"></script>
42
43<script src="app.js"></script>
44</body>
45</html>