💻 代码预览 · 小草职业教育学校 · 民办中等职业学校官方主页（在线报名·专业地图·师资力量）

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="faculty">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="fac-summary" id="facSummary"></div>14<div class="fac-list" id="facList"><p class="dim">加载中…</p></div>151617<div class="mask" id="mask"></div>18<div class="toast" id="toast"></div>19<script src="data/fallback.js"></script>20<script src="app.js"></script>21<script>22DS.get('faculty', function (d) {23  if (!d) { failBox($('#facList'), '师资数据加载失败', "location.reload()"); return; }24  var s = d.summary || {};25  $('#facSummary').innerHTML = [['专任教师', s.teachers], ['双师型教师', s.double], ['研究生学历', s.master], ['省级名师', s.famous]].map(function (x) {26    return '<div class="fs"><div class="fs-v">' + fmt(x[1] || 0) + '</div><div class="fs-l">' + esc(x[0]) + '</div></div>';27  }).join('');28  $('#facList').innerHTML = (d.list || []).map(function (t) {29    return '<div class="tcard"><div class="t-avatar">' + esc(t.avatar || '👨‍🏫') + '</div><div class="t-body">'30      + '<div class="t-top"><span class="t-name">' + esc(t.name) + '</span><span class="t-years">从教 ' + (t.years || 0) + ' 年</span></div>'31      + '<div class="t-title">' + esc(t.title || '') + '</div>'32      + '<div class="t-tags">' + (t.tags || []).map(function (x) { return '<span>' + esc(x) + '</span>'; }).join('') + '</div>'33      + '<div class="t-intro">' + esc(t.intro || '') + '</div></div></div>';34  }).join('');35});36</script>37</body>38</html>39