💻 代码预览 · 小草代账管家

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"><span class="back"></span><h1>工单任务</h1><span class="right">🔔</span></header>
12<div class="task-tabs">
13  <div class="task-tab sel">全部</div>
14  <div class="task-tab">报税</div>
15  <div class="task-tab">记账</div>
16  <div class="task-tab">工商代办</div>
17  <div class="task-tab">其他</div>
18</div>
19<div class="section-title">任务清单 <span>今日完成 8/14</span></div>
20<div id="taskList"></div>
21
22
23<nav class="tabbar"><a class=" active" href="index.html"><span class="icon">🏠</span>工作台</a><a class="" href="clients.html"><span class="icon">👥</span>客户</a><a class="" href="contracts.html"><span class="icon">📄</span>合同</a><a class="" href="stats.html"><span class="icon">📊</span>报表</a><a class="" href="mine.html"><span class="icon">👤</span>我的</a></nav>
24<script src="data.js"></script>
25<script>
26  var tl = document.getElementById('taskList');
27  var h = '';
28  window.DATA.tasks.forEach(function (t) {
29    h += '<div class="task-card"><div class="tk-ico">' + t.ico + '</div><div class="tk-body">'
30      + '<div class="tk-title">' + t.title + '</div>'
31      + '<div class="tk-meta">' + t.meta + '</div>'
32      + '<div class="tk-foot"><div class="tk-time">' + t.time + '</div>'
33      + '<div class="tk-btn" data-toast="任务已处理">' + t.btn + '</div></div>'
34      + '</div></div>';
35  });
36  tl.innerHTML = h;
37</script>
38<script src="app.js"></script>
39</body>
40</html>