小草问卷宝_H5/mine.html · 约 2900 字符
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<div class="user-card">
12 <div class="uc-avatar">👩🎓</div>
13 <div>
14 <div class="uc-name">小鹿同学 <span class="badge badge-gold" style="background:rgba(255,255,255,.25);color:#fff">黄金会员</span></div>
15 <div class="uc-level">答题 68 份 · 通过率 89% · 累计收益 ¥186.4</div>
16 </div>
17</div>
18<div class="profile-bar">
19 <div class="pb-title"><span>🎯 问卷画像匹配度</span><span style="color:#0d9488">85%</span></div>
20 <div class="pb-bar"><i></i></div>
21 <div style="font-size:11px;color:#6d8f86;margin-top:8px">画像越完善，高单价问卷邀约越多</div>
22 <div class="pb-tags">
23 <span class="tag" style="background:#d9f4ef">学生</span><span class="tag" style="background:#d9f4ef">18-24岁</span><span class="tag" style="background:#d9f4ef">西安</span><span class="tag" style="background:#fdf6e3">奶茶爱好者</span><span class="tag" style="background:#fdf6e3">手游玩家</span><span class="tag" style="background:#fdf6e3">网购达人</span>
24 </div>
25</div>
26<div class="menu-list">
27 <a data-toast="已答 68 份，可查看明细"><span class="ml-l"><span class="ico">📋</span>我的问卷</span><span class="ml-r">68 份</span></a>
28 <a data-toast="审核中 3 份 · 已通过 62 份"><span class="ml-l"><span class="ico">✅</span>审核记录</span><span class="ml-r">3 审核中</span></a>
29 <a data-toast="提现 12 次 · 共 ¥153.9"><span class="ml-l"><span class="ico">🏦</span>提现记录</span><span class="ml-r">12 次</span></a>
30 <a href="wallet.html"><span class="ml-l"><span class="ico">💰</span>我的钱包</span><span class="ml-r">¥32.5</span></a>
31 <a data-toast="黄金会员 · 升级需 2000 经验"><span class="ml-l"><span class="ico">👑</span>会员等级</span><span class="ml-r">黄金 · 1680/2000</span></a>
32 <a data-toast="防骗指南：正规平台绝不收费"><span class="ml-l"><span class="ico">🛡️</span>防骗指南</span><span class="ml-r">›</span></a>
33 <a data-toast="客服在线 8:00-24:00"><span class="ml-l"><span class="ico">🎧</span>联系客服</span><span class="ml-r">›</span></a>
34</div>
35
36<nav class="tabbar"><a class="" href="index.html"><span class="icon">🏠</span>首页</a><a class="" 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=" active" href="mine.html"><span class="icon">👤</span>我的</a></nav>
37<script src="data.js"></script>
38
39<script src="app.js"></script>
40</body>
41</html>