r74/fund.html · 约 2039 字符
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<div class="app">
11 <header class="top">
12 <div class="top-l">社长 · 林墨</div>
13 <div class="top-r">经费申请</div>
14 </header>
15 <main class="main">
16<div class="card">
17 <div class="row"><div><div class="nm">可用经费余额</div><div class="muted">本季剩余额度</div></div><div class="kpi" style="flex:0 0 auto;padding:10px 14px"><div class="n" style="font-size:18px">¥3.2k</div></div></div>
18</div>
19<div class="card">
20 <div class="sec-title"><span class="em">💰</span> 申请事项</div>
21 <div class="search">用途（如「音乐节灯光租赁」）</div>
22 <div class="search">申请金额（元）</div>
23 <div class="sec-title" style="margin-top:10px"><span class="em">📎</span> 预算明细</div>
24 <div class="guide"><div class="info"><div class="nm">灯光设备租赁</div><div class="sub">3 天</div></div><div class="muted">¥1,800</div></div>
25 <div class="guide"><div class="info"><div class="nm">宣传物料</div><div class="sub">海报 + 票根</div></div><div class="muted">¥600</div></div>
26</div>
27<div class="card">
28 <div class="bar" style="margin-bottom:6px"><i style="width:75%"></i></div>
29 <div class="muted">本次申请 ¥2,400，占可用额度 75%</div>
30</div>
31<a class="btn full" href="audit.html" style="text-decoration:none;text-align:center">提交审批</a>
32</main>
33 <nav class="nav"><a class="" href="audit.html"><span class="ic">✅</span>成立审核</a><a class="" href="approve.html"><span class="ic">🗳️</span>活动审批</a><a class=" on" href="fund.html"><span class="ic">💰</span>经费</a><a class="" href="member.html"><span class="ic">👥</span>成员</a><a class="" href="home.html"><span class="ic">🏠</span>首页</a></nav>
34</div>
35<script></script>
36</body>
37</html>