r112/guide.html · 约 2763 字符
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,viewport-fit=cover">6<title>招生简章 · 小草职业教育学校</title>7<link rel="icon" href="data:,">8<link rel="stylesheet" href="style.css">9</head>10<body data-page="guide">1112<header class="navbar "><a class="nb-back" href="index.html">‹</a><h1 class="nb-title">招生简章</h1><div class="nb-right"></div></header>13<div class="guide-hd">2026 年招生简章</div>14<div class="plan-tbl" id="planTbl"><p class="dim">加载中…</p></div>15<section class="sec"><div class="sec-hd"><span class="sec-bar"></span><h2>招生对象</h2></div><div class="card" id="objBox"></div></section>16<section class="sec"><div class="sec-hd"><span class="sec-bar"></span><h2>报名方式</h2></div><div class="way-list" id="wayList"></div></section>17<section class="sec"><div class="sec-hd"><span class="sec-bar"></span><h2>资助政策</h2></div><div class="aid-list" id="aidList"></div></section>18<section class="sec"><div class="sec-hd"><span class="sec-bar"></span><h2>常见问题</h2></div><div class="faq" id="faqBox"></div></section>192021<div class="mask" id="mask"></div>22<div class="toast" id="toast"></div>23<script src="data/fallback.js"></script>24<script src="app.js"></script>25<script>26DS.get('guide', function (d) {27 if (!d) { failBox($('#planTbl'), '简章加载失败', "location.reload()"); return; }28 $('#planTbl').innerHTML = '<div class="pt-h">2026 年招生计划</div><div class="pt-row pt-head"><span>专业</span><span>学制</span><span>计划</span><span>学费/年</span></div>'29 + (d.plan || []).map(function (p) {30 return '<div class="pt-row"><span>' + esc(p.major) + '</span><span>' + esc(p.years || '') + ' 年</span><span>' + fmt(p.plan || 0) + ' 人</span><span>¥' + fmt(p.tuition || 0) + '</span></div>';31 }).join('');32 $('#objBox').innerHTML = '<p>' + esc(d.object || '') + '</p>';33 $('#wayList').innerHTML = (d.ways || []).map(function (w) {34 return '<div class="way"><div class="way-ic">' + esc(w.icon || '📌') + '</div><div><div class="way-t">' + esc(w.t) + '</div><div class="way-d">' + esc(w.d) + '</div></div></div>';35 }).join('');36 $('#aidList').innerHTML = (d.aid || []).map(function (a) {37 return '<div class="aid"><div class="aid-am">' + esc(a.amount || '') + '</div><div class="aid-b"><div class="aid-t">' + esc(a.t) + '</div><div class="aid-d">' + esc(a.d || '') + '</div></div></div>';38 }).join('');39 $('#faqBox').innerHTML = (d.faq || []).map(function (f) {40 return '<details class="faq-item"><summary>' + esc(f.q) + '</summary><div class="faq-a">' + esc(f.a) + '</div></details>';41 }).join('');42});43</script>44</body>45</html>46