小草问卷宝_H5/answer.html · 约 2993 字符
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="answer-progress">
13 <span class="ap-num">8/25</span>
14 <div class="ap-bar"><i></i></div>
15 <span class="ap-num" style="color:#dc2626">⏱ 06:32</span>
16</div>
17<div class="question-box">
18 <div class="qb-tag">甄别题 · 请如实作答</div>
19 <div class="qb-title">1. 请问您最近 3 个月内是否购买过奶茶饮品？</div>
20 <div class="option-list">
21 <div class="option-item"><div class="oi-mark"></div>是，每周 3 次以上</div>
22 <div class="option-item sel"><div class="oi-mark">✓</div>是，每周 1-3 次</div>
23 <div class="option-item"><div class="oi-mark"></div>偶尔，每月 1-3 次</div>
24 <div class="option-item"><div class="oi-mark"></div>否，没买过</div>
25 </div>
26</div>
27<div class="question-box">
28 <div class="qb-title">2. 请对以下奶茶口味偏好程度打分（1-5 分）</div>
29 <div style="font-size:12px;color:#6d8f86;margin-top:8px">（1 = 非常不喜欢 · 5 = 非常喜欢）</div>
30 <div class="scale-row">
31 <div class="scale-item"><div class="si-num">1</div>很不喜欢</div>
32 <div class="scale-item"><div class="si-num">2</div>不喜欢</div>
33 <div class="scale-item sel"><div class="si-num">3</div>一般</div>
34 <div class="scale-item"><div class="si-num">4</div>喜欢</div>
35 <div class="scale-item"><div class="si-num">5</div>很喜欢</div>
36 </div>
37</div>
38<div class="question-box">
39 <div class="qb-title">3. 您最常购买的奶茶品牌有哪些？（多选）</div>
40 <div class="option-list">
41 <div class="option-item"><div class="oi-mark"></div>喜茶 / 奈雪等新茶饮</div>
42 <div class="option-item sel"><div class="oi-mark">✓</div>蜜雪冰城 / 平价茶饮</div>
43 <div class="option-item"><div class="oi-mark"></div>瑞幸 / 星巴克咖啡系</div>
44 <div class="option-item"><div class="oi-mark"></div>便利店瓶装奶茶</div>
45 </div>
46</div>
47<div class="answer-nav">
48 <div class="btn btn-outline" data-toast="已保存答题进度">上一题</div>
49 <div class="btn btn-primary" data-toast="第 8 题已保存">下一题</div>
50</div>
51
52<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>
53<script src="data.js"></script>
54
55<script src="app.js"></script>
56</body>
57</html>