💻 代码预览 · 小草兼职平台

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">¥328.50</div>
15  <div class="ws-row">
16    <div class="ws-cell">累计收入<br/><b style="font-size:15px">¥2,486</b></div>
17    <div class="ws-cell">今日到账<br/><b style="font-size:15px">¥150</b></div>
18    <div class="ws-cell">待结算<br/><b style="font-size:15px">¥400</b></div>
19    <div class="ws-cell">保障额度<br/><b style="font-size:15px">¥5,000</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="section-title">收支明细</div>
27<div id="billList"></div>
28
29
30<nav class="tabbar"><a class="" href="index.html"><span class="icon">🏠</span>首页</a><a class="" href="jobs.html"><span class="icon">💼</span>找兼职</a><a class="" href="apps.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>
31<script src="../data.js"></script>
32<script>
33  var bl = document.getElementById('billList');
34  var h = '';
35  window.DATA.bills.forEach(function (b) {
36    h += '<div class="bill-item"><div class="bi-emoji">' + b.emoji + '</div><div class="bi-body">'
37      + '<div class="bi-name">' + b.name + '</div><div class="bi-time">' + b.time + '</div></div>'
38      + '<div class="bi-amount ' + b.inout + '">' + b.amount + '</div></div>';
39  });
40  bl.innerHTML = h;
41</script>
42<script src="../app.js"></script>
43</body>
44</html>