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

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="index">1112<div class="hero">13  <div class="hero-top">14    <div class="hero-logo">草</div>15    <div>16      <div class="hero-name">小草职业教育学校</div>17      <div class="hero-en">Xiaocao Vocational Education School</div>18    </div>19  </div>20  <div class="hero-slogan">厚德精技 · 匠心筑梦</div>21  <div class="hero-code">招生代码 XCY2026 · 全日制民办中等职业学校</div>22  <div class="hero-stats" id="heroStats"></div>23</div>2425<section class="sec">26  <div class="sec-hd"><span class="sec-bar"></span><h2>学校简介</h2></div>27  <div class="card intro" id="introBox"><p class="dim">加载中…</p></div>28</section>2930<section class="sec">31  <div class="sec-hd"><span class="sec-bar"></span><h2>办学特色</h2></div>32  <div class="feat-grid" id="featGrid"></div>33</section>3435<section class="sec">36  <div class="sec-hd"><span class="sec-bar"></span><h2>快捷服务</h2></div>37  <div class="quick-grid">38    <a class="quick" href="majors.html"><span class="q-ic">🗺️</span><span>专业地图</span></a>39    <a class="quick" href="enroll.html"><span class="q-ic">📝</span><span>在线报名</span></a>40    <a class="quick" href="faculty.html"><span class="q-ic">👩‍🏫</span><span>师资力量</span></a>41    <a class="quick" href="campus.html"><span class="q-ic">🏫</span><span>校园风光</span></a>42    <a class="quick" href="guide.html"><span class="q-ic">📋</span><span>招生简章</span></a>43    <a class="quick" href="query.html"><span class="q-ic">🔍</span><span>录取查询</span></a>44    <a class="quick" href="contact.html"><span class="q-ic">☎️</span><span>联系我们</span></a>45    <a class="quick" href="contact.html"><span class="q-ic">📰</span><span>校园动态</span></a>46  </div>47</section>4849<section class="sec">50  <div class="banner-enroll" id="enrollBanner"></div>51</section>5253<nav class="tabbar"><a class="tab-item on" href="index.html"><span class="tab-ic">🏠</span><span>首页</span></a><a class="tab-item" href="majors.html"><span class="tab-ic">🗺️</span><span>专业</span></a><a class="tab-item" href="enroll.html"><span class="tab-ic">📝</span><span>报名</span></a><a class="tab-item" href="contact.html"><span class="tab-ic">☎️</span><span>联系</span></a></nav>54<div class="mask" id="mask"></div>55<div class="toast" id="toast"></div>56<script src="data/fallback.js"></script>57<script src="app.js"></script>58<script>59DS.get('school', function (d) {60  if (!d) { failBox($('#introBox'), '学校信息加载失败', "location.reload()"); return; }61  var st = (d.stats || []).slice(0, 4);62  $('#heroStats').innerHTML = st.map(function (s) {63    return '<div class="hstat"><div class="hstat-v">' + esc(s.value) + '<i>' + esc(s.unit || '') + '</i></div><div class="hstat-l">' + esc(s.label) + '</div></div>';64  }).join('');65  $('#introBox').innerHTML = '<p>' + esc(d.intro) + '</p>';66  $('#featGrid').innerHTML = (d.features || []).map(function (f) {67    return '<div class="feat"><div class="feat-ic">' + esc(f.icon) + '</div><div class="feat-t">' + esc(f.title) + '</div><div class="feat-d">' + esc(f.desc) + '</div></div>';68  }).join('');69  $('#enrollBanner').innerHTML = '<div class="be-l"><div class="be-t">2026 招生季进行中</div><div class="be-s">在线报名通道已开启</div></div><a class="be-btn" href="enroll.html">立即报名 ›</a>';70});71</script>72</body>73</html>74