muzhizhuan/task.html · 约 1676 字符
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.0, maximum-scale=1.0, user-scalable=no" />6 <meta name="theme-color" content="#ff8a00" />7 <title>任务详情 · 拇指赚</title>8 <link rel="stylesheet" href="style.css" />9</head>10<body>11 <!-- 页面标题栏 -->12 <header class="pgbar">13 <a href="index.html" class="back">‹</a>14 <h1>任务详情</h1>15 <span class="ph">拇指赚</span>16 </header>1718 <!-- 任务头图 -->19 <section class="detail-hero">20 <div class="dh-tags" id="dTags"></div>21 <h1 id="dTitle">任务标题</h1>22 <div class="dh-price" id="dPrice">¥0.00</div>23 <div class="dh-meta" id="dMeta"></div>24 </section>2526 <!-- 任务要求 -->27 <section class="card detail-sec">28 <h2>📌 任务要求</h2>29 <ul class="steps" id="dSteps"></ul>30 </section>3132 <!-- 任务信息 -->33 <section class="card detail-sec">34 <h2>ℹ️ 任务信息</h2>35 <p class="text-muted" style="font-size:13px;margin:0" id="dBrand"></p>36 <p class="text-muted" style="font-size:13px;margin:6px 0 0" id="dQuota"></p>37 <p class="text-muted" style="font-size:13px;margin:6px 0 0" id="dAudit"></p>38 <div class="notice" id="dNotice"></div>39 </section>4041 <!-- 底部固定操作 -->42 <div class="fixed-bottom">43 <div class="row">44 <div class="price" id="dPriceSmall">¥0.00</div>45 <button class="btn" id="goTask">开始任务</button>46 <button class="btn gray" id="submitTask" style="display:none">提交凭证</button>47 </div>48 </div>4950 <script src="data.js"></script>51 <script src="app.js"></script>52</body>53</html>54