r112/campus.html · 约 1752 字符
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="campus">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="campus-hero">🏫<div class="ch-t">最美职教校园</div><div class="ch-s">园林式校园 · 现代化实训</div></div>14<div class="scene-grid" id="sceneGrid"><p class="dim">加载中…</p></div>15<div class="sec-hd" style="margin-top:18px"><span class="sec-bar"></span><h2>重点实训基地</h2></div>16<div class="base-list" id="baseList"></div>171819<div class="mask" id="mask"></div>20<div class="toast" id="toast"></div>21<script src="data/fallback.js"></script>22<script src="app.js"></script>23<script>24DS.get('campus', function (d) {25 if (!d) { failBox($('#sceneGrid'), '校园数据加载失败', "location.reload()"); return; }26 $('#sceneGrid').innerHTML = (d.scenes || []).map(function (s) {27 return '<div class="scene"><div class="scene-ic">' + esc(s.emoji || '🏫') + '</div><div class="scene-name">' + esc(s.name) + '</div><div class="scene-desc">' + esc(s.desc || '') + '</div></div>';28 }).join('');29 $('#baseList').innerHTML = (d.bases || []).map(function (b) {30 return '<div class="base"><div class="base-ic">' + esc(b.emoji || '🔧') + '</div><div class="base-b"><div class="base-t">' + esc(b.name) + '</div><div class="base-d">' + esc(b.desc || '') + '</div></div></div>';31 }).join('');32});33</script>34</body>35</html>36