vf/vf_react
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 10.10线上最新代码提交

Browse Source
This commit is contained in:
zdl
2025-10-11 16:16:02 +08:00
parent 4d0dc109bc
commit 864844a52b
3338 changed files with 460147 additions and 152745 deletions
Download Patch File Download Diff File Expand all files Collapse all files

518
public/htmls/学前教育.html Normal file
View File

@@ -0,0 +1,518 @@
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>学前教育行业洞察报告</title>
<!-- Fonts -->
<link href="https://fonts.googleapis.com/css?family=Inter:300,400,500,600,700,800" rel="stylesheet" />
<!-- Font Awesome Icons -->
<script src="https://kit.fontawesome.com/1d2b6c4f81.js" crossorigin="anonymous"></script>
<!-- Tailwind CSS -->
<link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">
<!-- DaisyUI -->
<link href="https://cdn.jsdelivr.net/npm/daisyui@5" rel="stylesheet" type="text/css" />
<link href="https://cdn.jsdelivr.net/npm/daisyui@5/themes.css" rel="stylesheet" type="text/css" />
<!-- Custom Styles -->
<style>
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700&display=swap');
body {
font-family: 'Noto Sans SC', 'Inter', sans-serif;
background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
min-height: 100vh;
}
.timeline-item::before {
content: '';
position: absolute;
left: -6px;
top: 0;
width: 12px;
height: 12px;
border-radius: 50%;
background: #3b82f6;
border: 2px solid white;
}
.timeline-line {
position: absolute;
left: 0;
top: 12px;
bottom: 0;
width: 2px;
background: #e5e7eb;
}
.card-hover {
transition: all 0.3s ease;
}
.card-hover:hover {
transform: translateY(-5px);
box-shadow: 0 10px 25px rgba(0,0,0,0.1);
}
#particles-js {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: -1;
opacity: 0.3;
}
.gradient-text {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.table-container {
overflow-x: auto;
}
@media (max-width: 640px) {
.table-container {
font-size: 0.75rem;
}
.card-body {
padding: 1rem;
}
}
</style>
</head>
<body>
<!-- Particles Background -->
<div id="particles-js"></div>
<!-- Main Content -->
<div class="container mx-auto px-4 py-8 max-w-7xl">
<!-- Header Section -->
<div class="text-center mb-12">
<h1 class="text-4xl md:text-5xl font-bold mb-4 gradient-text">学前教育行业洞察报告</h1>
<p class="text-lg text-gray-600 max-w-3xl mx-auto">
深度解析学前教育政策演变、产业链格局及投资机会
</p>
</div>
<!-- Policy Timeline Section -->
<div class="card bg-white shadow-xl mb-8 card-hover">
<div class="card-body">
<h2 class="text-2xl font-bold mb-6 text-gray-800 flex items-center">
<i class="fas fa-clock mr-3 text-blue-500"></i>
政策时间轴
</h2>
<div class="relative pl-8">
<div class="timeline-line"></div>
<div class="timeline-item relative pb-8">
<div class="bg-blue-50 p-4 rounded-lg">
<h3 class="font-semibold text-blue-700">2024-11-04</h3>
<p class="text-gray-700 mt-1">学前教育法草案三审，明确"鼓励幼儿园开设托班招收3岁以下儿童"，并严惩幼师体罚/性侵行为（终身禁业）。</p>
</div>
</div>
<div class="timeline-item relative pb-8">
<div class="bg-green-50 p-4 rounded-lg">
<h3 class="font-semibold text-green-700">2025-03-05</h3>
<p class="text-gray-700 mt-1">政府工作报告首次提出"<strong>逐步推行免费学前教育</strong>"，财政部同步提出"建立学前教育国家资助制度"。</p>
</div>
</div>
<div class="timeline-item relative pb-8">
<div class="bg-purple-50 p-4 rounded-lg">
<h3 class="font-semibold text-purple-700">2025-07-25</h3>
<p class="text-gray-700 mt-1">国常会部署"<strong>逐步推行免费学前教育</strong>"，要求"科学核算办园成本、改善教师待遇"，明确公办园优先普惠。</p>
</div>
</div>
<div class="timeline-item relative">
<div class="bg-indigo-50 p-4 rounded-lg">
<h3 class="font-semibold text-indigo-700">2025-07-30</h3>
<p class="text-gray-700 mt-1">财政部部长蓝佛安发文，将"<strong>免费学前教育</strong>"纳入育儿补贴体系，与0-3岁育儿补贴（每月300元）形成政策闭环。</p>
</div>
</div>
</div>
</div>
</div>
<!-- Core Viewpoints Section -->
<div class="grid grid-cols-1 md:grid-cols-2 gap-6 mb-8">
<div class="card bg-gradient-to-br from-blue-500 to-purple-600 text-white shadow-xl card-hover">
<div class="card-body">
<h2 class="text-2xl font-bold mb-4 flex items-center">
<i class="fas fa-lightbulb mr-3"></i>
核心观点
</h2>
<ul class="space-y-3">
<li class="flex items-start">
<i class="fas fa-check-circle mr-2 mt-1"></i>
<span>学前教育正从"政策预期"转向"财政落地"阶段</span>
</li>
<li class="flex items-start">
<i class="fas fa-check-circle mr-2 mt-1"></i>
<span>2025-2027年为免费制度试点扩容关键期</span>
</li>
<li class="flex items-start">
<i class="fas fa-check-circle mr-2 mt-1"></i>
<span>产业链上游（教材/装备/信息化）将率先受益</span>
</li>
<li class="flex items-start">
<i class="fas fa-check-circle mr-2 mt-1"></i>
<span>中央财政年支出<strong>1200亿元</strong>，地方配套形成政策组合拳</span>
</li>
</ul>
</div>
</div>
<div class="card bg-white shadow-xl card-hover">
<div class="card-body">
<h2 class="text-2xl font-bold mb-4 text-gray-800 flex items-center">
<i class="fas fa-chart-line mr-3 text-green-500"></i>
市场分析
</h2>
<div class="space-y-4">
<div class="bg-gray-50 p-4 rounded-lg">
<h3 class="font-semibold text-gray-700 mb-2">核心驱动力</h3>
<p class="text-sm text-gray-600">财政硬投入 + 人口结构倒逼，普惠园扩容需配套标准化教材、教具</p>
</div>
<div class="bg-gray-50 p-4 rounded-lg">
<h3 class="font-semibold text-gray-700 mb-2">预期差分析</h3>
<p class="text-sm text-gray-600">市场忽略教材出版和幼教装备机会，政策红利集中于凤凰传媒、视源股份</p>
</div>
</div>
</div>
</div>
</div>
<!-- Industry Chain Section -->
<div class="card bg-white shadow-xl mb-8 card-hover">
<div class="card-body">
<h2 class="text-2xl font-bold mb-6 text-gray-800 flex items-center">
<i class="fas fa-sitemap mr-3 text-purple-500"></i>
产业链图谱
</h2>
<div class="grid grid-cols-1 md:grid-cols-3 gap-6">
<div class="text-center">
<div class="bg-blue-100 rounded-full w-20 h-20 flex items-center justify-center mx-auto mb-4">
<i class="fas fa-book text-3xl text-blue-600"></i>
</div>
<h3 class="font-bold text-lg mb-2">上游</h3>
<p class="text-gray-600">教材/教具</p>
<p class="text-sm text-gray-500 mt-1">凤凰传媒、中信出版</p>
</div>
<div class="text-center">
<div class="bg-green-100 rounded-full w-20 h-20 flex items-center justify-center mx-auto mb-4">
<i class="fas fa-laptop-code text-3xl text-green-600"></i>
</div>
<h3 class="font-bold text-lg mb-2">中游</h3>
<p class="text-gray-600">信息化平台</p>
<p class="text-sm text-gray-500 mt-1">拓维信息、和晶科技</p>
</div>
<div class="text-center">
<div class="bg-purple-100 rounded-full w-20 h-20 flex items-center justify-center mx-auto mb-4">
<i class="fas fa-school text-3xl text-purple-600"></i>
</div>
<h3 class="font-bold text-lg mb-2">下游</h3>
<p class="text-gray-600">幼儿园运营</p>
<p class="text-sm text-gray-500 mt-1">华媒控股、孩子王</p>
</div>
</div>
</div>
</div>
<!-- Stock Data Table Section -->
<div class="card bg-white shadow-xl mb-8 card-hover">
<div class="card-body">
<h2 class="text-2xl font-bold mb-6 text-gray-800 flex items-center">
<i class="fas fa-table mr-3 text-indigo-500"></i>
关联股票数据
</h2>
<div class="table-container">
<table class="table w-full">
<thead>
<tr class="bg-gray-50">
<th class="text-left p-3 font-semibold text-gray-700">股票名称</th>
<th class="text-left p-3 font-semibold text-gray-700">分类</th>
<th class="text-left p-3 font-semibold text-gray-700">项目/产品</th>
<th class="text-left p-3 font-semibold text-gray-700">产业链</th>
<th class="text-left p-3 font-semibold text-gray-700">投资逻辑</th>
<th class="text-left p-3 font-semibold text-gray-700">消息来源</th>
</tr>
</thead>
<tbody>
<tr class="border-b hover:bg-gray-50">
<td class="p-3 font-medium">华媒控股</td>
<td class="p-3">托育及学前教育</td>
<td class="p-3">运营幼儿园和托育园</td>
<td class="p-3">学前教育服务</td>
<td class="p-3 text-sm">控股子公司华媒优培已投入运营的幼儿园2家、托育园6家</td>
<td class="p-3"><span class="badge badge-info">互动</span></td>
</tr>
<tr class="border-b hover:bg-gray-50">
<td class="p-3 font-medium">孩子王</td>
<td class="p-3">托育及学前教育</td>
<td class="p-3">与幼儿园业务合作</td>
<td class="p-3">学前教育服务</td>
<td class="p-3 text-sm">下属分公司、门店不定期与当地幼儿园开展活动或业务合作</td>
<td class="p-3"><span class="badge badge-info">互动</span></td>
</tr>
<tr class="border-b hover:bg-gray-50">
<td class="p-3 font-medium">爱婴室</td>
<td class="p-3">托育及学前教育</td>
<td class="p-3">早教品牌及IP</td>
<td class="p-3">儿童创意教育</td>
<td class="p-3 text-sm">旗下拥有早教中心品牌'想象乐'、'小高斯思维'及动画IP'朱妮托尼'</td>
<td class="p-3"><span class="badge badge-info">互动</span></td>
</tr>
<tr class="border-b hover:bg-gray-50">
<td class="p-3 font-medium">和晶科技</td>
<td class="p-3">托育及学前教育</td>
<td class="p-3">智慧树幼教互动云平台</td>
<td class="p-3">智慧教育</td>
<td class="p-3 text-sm">平台帮助家长掌握幼儿在园学习生活动态</td>
<td class="p-3"><span class="badge badge-secondary">官网</span></td>
</tr>
<tr class="border-b hover:bg-gray-50">
<td class="p-3 font-medium">拓维信息</td>
<td class="p-3">托育及学前教育</td>
<td class="p-3">云宝贝SaaS平台</td>
<td class="p-3">幼儿园信息化服务</td>
<td class="p-3 text-sm">解决幼儿园与家长需求的开放平台</td>
<td class="p-3"><span class="badge badge-secondary">公开资料</span></td>
</tr>
<tr class="border-b hover:bg-gray-50">
<td class="p-3 font-medium">创源股份</td>
<td class="p-3">教育装备及智慧教育</td>
<td class="p-3">儿童早教用品</td>
<td class="p-3">出口为主</td>
<td class="p-3 text-sm">主营儿童早教包、识字卡片、绘本等手工益智类产品</td>
<td class="p-3"><span class="badge badge-warning">公告</span></td>
</tr>
<tr class="border-b hover:bg-gray-50">
<td class="p-3 font-medium">凤凰传媒</td>
<td class="p-3">教育装备及智慧教育</td>
<td class="p-3">幼儿园教材</td>
<td class="p-3">覆盖2万所幼儿园</td>
<td class="p-3 text-sm">核心教材《幼儿园活动整合课程》为多地指定用书，普惠园扩容推动教辅需求</td>
<td class="p-3"><span class="badge badge-success">机构研报</span></td>
</tr>
<tr class="border-b hover:bg-gray-50">
<td class="p-3 font-medium">中信出版</td>
<td class="p-3">教育装备及智慧教育</td>
<td class="p-3">少儿绘本</td>
<td class="p-3">幼儿园阅读课程开发</td>
<td class="p-3 text-sm">与公立幼儿园合作开发课程并承接图书采购订单，2024年教育类图书营收占比32%</td>
<td class="p-3"><span class="badge badge-success">机构研报</span></td>
</tr>
<tr class="border-b hover:bg-gray-50">
<td class="p-3 font-medium">新华传媒</td>
<td class="p-3">教育装备及智慧教育</td>
<td class="p-3">教材发行</td>
<td class="p-3">上海市中小学及中专教材发行权</td>
<td class="p-3 text-sm">拥有上海地区教材发行资质</td>
<td class="p-3"><span class="badge badge-success">机构研报</span></td>
</tr>
<tr class="border-b hover:bg-gray-50">
<td class="p-3 font-medium">奥飞娱乐</td>
<td class="p-3">教育装备及智慧教育</td>
<td class="p-3">动漫IP衍生品</td>
<td class="p-3">玩具与读物协同销售</td>
<td class="p-3 text-sm">出版行业结构性受益，IP衍生品与教育产品联动</td>
<td class="p-3"><span class="badge badge-success">机构研报</span></td>
</tr>
<tr class="border-b hover:bg-gray-50">
<td class="p-3 font-medium">*ST威创</td>
<td class="p-3">教育装备及智慧教育</td>
<td class="p-3">智能化管理工具</td>
<td class="p-3">幼儿园服务升级</td>
<td class="p-3 text-sm">输出智能化园所管理、教学管理等核心产品</td>
<td class="p-3"><span class="badge badge-info">互动</span></td>
</tr>
<tr class="border-b hover:bg-gray-50">
<td class="p-3 font-medium">视源股份</td>
<td class="p-3">教育装备及智慧教育</td>
<td class="p-3">希沃教育品牌</td>
<td class="p-3">AI赋能教学</td>
<td class="p-3 text-sm">实现学科启蒙、全科辅导及AI个性化学习计划</td>
<td class="p-3"><span class="badge badge-info">互动</span></td>
</tr>
<tr class="hover:bg-gray-50">
<td class="p-3 font-medium">鸿合科技</td>
<td class="p-3">教育装备及智慧教育</td>
<td class="p-3">智能交互大屏</td>
<td class="p-3">智慧教育解决方案</td>
<td class="p-3 text-sm">为教育行业提供信息化产品及智慧教育服务</td>
<td class="p-3"><span class="badge badge-info">互动</span></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<!-- Risk and Conclusion Section -->
<div class="grid grid-cols-1 md:grid-cols-2 gap-6 mb-8">
<div class="card bg-gradient-to-br from-red-50 to-orange-50 shadow-xl card-hover">
<div class="card-body">
<h2 class="text-2xl font-bold mb-4 text-gray-800 flex items-center">
<i class="fas fa-exclamation-triangle mr-3 text-red-500"></i>
潜在风险
</h2>
<ul class="space-y-3">
<li class="flex items-start">
<i class="fas fa-times-circle mr-2 mt-1 text-red-500"></i>
<div>
<strong class="text-gray-700">政策风险</strong>
<p class="text-sm text-gray-600">地方财政压力可能导致免费政策延迟或缩水</p>
</div>
</li>
<li class="flex items-start">
<i class="fas fa-times-circle mr-2 mt-1 text-red-500"></i>
<div>
<strong class="text-gray-700">商业化风险</strong>
<p class="text-sm text-gray-600">民办园转普惠后学费下降，盈利依赖政府补贴</p>
</div>
</li>
<li class="flex items-start">
<i class="fas fa-times-circle mr-2 mt-1 text-red-500"></i>
<div>
<strong class="text-gray-700">技术风险</strong>
<p class="text-sm text-gray-600">AI评估儿童发展可能引发隐私伦理争议</p>
</div>
</li>
</ul>
</div>
</div>
<div class="card bg-gradient-to-br from-green-50 to-emerald-50 shadow-xl card-hover">
<div class="card-body">
<h2 class="text-2xl font-bold mb-4 text-gray-800 flex items-center">
<i class="fas fa-trophy mr-3 text-green-500"></i>
投资启示
</h2>
<div class="space-y-4">
<div class="bg-white p-4 rounded-lg shadow-sm">
<h3 class="font-semibold text-green-700 mb-2">最确定方向</h3>
<p class="text-sm text-gray-700">教材出版（凤凰传媒）——政府采购刚性需求，2025年订单增速或达50%</p>
</div>
<div class="bg-white p-4 rounded-lg shadow-sm">
<h3 class="font-semibold text-green-700 mb-2">弹性最大方向</h3>
<p class="text-sm text-gray-700">幼教装备（视源股份）——AI互动大屏渗透率仅12%，政策补贴下有望翻倍</p>
</div>
<div class="bg-white p-4 rounded-lg shadow-sm">
<h3 class="font-semibold text-green-700 mb-2">关键跟踪指标</h3>
<p class="text-sm text-gray-700">中央财政预算、地方招标数据、普惠园覆盖率</p>
</div>
</div>
</div>
</div>
</div>
<!-- Final Conclusion -->
<div class="card bg-gradient-to-r from-indigo-500 to-purple-600 text-white shadow-xl card-hover">
<div class="card-body text-center">
<h2 class="text-3xl font-bold mb-4">综合结论</h2>
<p class="text-lg mb-4">
学前教育免费化是"人口战略"的财政抓手，短期看教材/装备订单爆发，长期看托幼一体化整合。
</p>
<div class="bg-white bg-opacity-20 rounded-lg p-4 inline-block">
<p class="text-xl font-bold">
<i class="fas fa-star mr-2"></i>
凤凰传媒 + 视源股份为政策红利最纯粹标的
</p>
</div>
</div>
</div>
</div>
<!-- Scripts -->
<script src="https://cdn.jsdelivr.net/npm/tsparticles@3/tsparticles.bundle.min.js"></script>
<script>
// Initialize particles
tsParticles.load("particles-js", {
particles: {
number: {
value: 80,
density: {
enable: true,
value_area: 800
}
},
color: {
value: "#3b82f6"
},
shape: {
type: "circle"
},
opacity: {
value: 0.5,
random: false
},
size: {
value: 3,
random: true
},
line_linked: {
enable: true,
distance: 150,
color: "#3b82f6",
opacity: 0.4,
width: 1
},
move: {
enable: true,
speed: 2,
direction: "none",
random: false,
straight: false,
out_mode: "out",
bounce: false
}
},
interactivity: {
detect_on: "canvas",
events: {
onhover: {
enable: true,
mode: "grab"
},
onclick: {
enable: true,
mode: "push"
},
resize: true
},
modes: {
grab: {
distance: 140,
line_linked: {
opacity: 1
}
},
push: {
particles_nb: 4
}
}
},
retina_detect: true
});
</script>
</body>
</html>
```