💻 代码预览 · 小草问卷宝

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="wallet-sum">
13  <div class="ws-label">可提现余额（元）</div>
14  <div class="ws-num">¥32.50</div>
15  <div class="ws-row">
16    <div class="ws-cell">累计收入<br/><b style="font-size:15px">¥186.4</b></div>
17    <div class="ws-cell">审核中<br/><b style="font-size:15px">¥8.5</b></div>
18    <div class="ws-cell">本周收入<br/><b style="font-size:15px">¥46.2</b></div>
19    <div class="ws-cell">本月收入<br/><b style="font-size:15px">¥128.6</b></div>
20  </div>
21</div>
22<div style="display:flex;gap:10px;padding:0 12px">
23  <div class="btn btn-primary" style="flex:1;width:auto" data-toast="提现成功，微信预计 2 分钟到账">💳 微信提现</div>
24  <div class="btn btn-outline" style="flex:1;width:auto" data-toast="支付宝提现通道已开通">🏦 支付宝提现</div>
25</div>
26<div class="card" style="font-size:12px;color:#5c7f74;line-height:1.9">
27  💡 提现规则：满 ¥3 即可提现（微信/支付宝秒到）；每日最多提现 5 次；满 ¥10 免手续费，未满收 0.5 元手续费。
28</div>
29<div class="section-title">收支明细</div>
30<div id="billList"></div>
31
32
33<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=" active" href="wallet.html"><span class="icon">💰</span>钱包</a><a class="" href="mine.html"><span class="icon">👤</span>我的</a></nav>
34<script src="data.js"></script>
35<script>
36  var bl = document.getElementById('billList');
37  var h = '';
38  window.DATA.bills.forEach(function (b) {
39    h += '<div class="bill-item"><div class="bi-emoji">' + b.emoji + '</div><div class="bi-body">'
40      + '<div class="bi-name">' + b.name + '</div><div class="bi-time">' + b.time + '</div></div>'
41      + '<div class="bi-amount ' + b.inout + '">' + b.amount + '</div></div>';
42  });
43  bl.innerHTML = h;
44</script>
45<script src="app.js"></script>
46</body>
47</html>