r48/design.html · 约 2658 字符
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<div class="app">
11 <header class="top">
12 <div class="top-l">题主 · 阿橙</div>
13 <div class="top-r">设计问卷</div>
14 </header>
15 <main class="main">
16<div class="card">
17 <div class="row"><div class="thumb" style="width:44px;height:44px;font-size:22px">🍜</div>
18 <div class="info" style="flex:1"><div class="nm" style="font-size:15px;font-weight:800">新品尝鲜调研</div>
19 <div class="muted">共 8 题 · 预计 2 分钟</div></div>
20 <span class="badge b-live">● 编辑中</span></div>
21</div>
22<div class="chips">
23 <div class="chip on">＋ 单选</div><div class="chip">＋ 多选</div><div class="chip">＋ 填空</div><div class="chip">＋ 评分</div>
24</div>
25<div class="q"><div class="qt">1. 您最常购买的口味？<span class="req">*</span></div>
26 <div class="opt on"><span class="dot"></span>麻辣</div>
27 <div class="opt"><span class="dot"></span>酸辣</div>
28 <div class="opt"><span class="dot"></span>番茄</div>
29 <div class="row" style="margin-top:6px"><span class="muted">必填</span><span class="switch on" onclick="this.classList.toggle('on')"></span></div>
30</div>
31<div class="q"><div class="qt">2. 您能接受的价格区间？（多选）</div>
32 <div class="opt chk"><span class="dot"></span>10 元以下</div>
33 <div class="opt chk on"><span class="dot"></span>10–20 元</div>
34 <div class="opt chk"><span class="dot"></span>20 元以上</div>
35 <div class="row" style="margin-top:6px"><span class="muted">必填</span><span class="switch" onclick="this.classList.toggle('on')"></span></div>
36</div>
37<div class="q"><div class="qt">3. 给我们一句建议</div>
38 <textarea class="ta">希望多出藤椒口味～</textarea>
39 <div class="row" style="margin-top:6px"><span class="muted">必填</span><span class="switch" onclick="this.classList.toggle('on')"></span></div>
40</div>
41<a class="btn full blk" href="link.html" style="text-decoration:none;text-align:center">保存并去发布</a>
42</main>
43 <nav class="nav"><a class="" href="home.html"><span class="ic">🏠</span>首页</a><a class=" on" href="design.html"><span class="ic">✏️</span>设计</a><a class="" href="link.html"><span class="ic">🔗</span>发布</a><a class="" href="overview.html"><span class="ic">📊</span>概览</a><a class="" href="me.html"><span class="ic">👤</span>我的</a></nav>
44</div>
45<script></script>
46</body>
47</html>