beifan/company-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update Policy.astro

Browse Source
This commit is contained in:
ZHENG XIAOYI
2026-03-25 18:32:20 +08:00
parent 83d6f7da77
commit 75093c5c11
2 changed files with 44 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/sections/Policy.astro
+43 -32
View File
@@ -11,6 +11,48 @@
<div class="w-24 h-1.5 bg-red-600 mx-auto mt-8 rounded-full shadow-sm shadow-red-200"></div>
</div>
<div class="mb-12 bg-white rounded-[2rem] border border-red-100 p-5 md:p-6 shadow-sm hover:shadow-xl hover:shadow-red-500/10 transition-all duration-300">
<div class="grid grid-cols-1 lg:grid-cols-2 gap-6 lg:gap-8 items-stretch">
<div class="relative w-full h-72 md:h-80 lg:h-auto lg:self-stretch rounded-2xl overflow-hidden border border-slate-100 shadow-md bg-slate-100">
<img src="/img/policy-highrise-notice.webp" alt="加快推进高层建筑消防物联感知设备接入工作" class="absolute inset-0 w-full h-full object-cover object-top scale-110 origin-top" />
</div>
<div class="flex flex-col">
<div class="inline-flex items-center self-start px-3 py-1 rounded-full bg-red-100 text-red-700 text-xs font-bold tracking-wide mb-3">重点政策解读</div>
<h5 class="text-xl md:text-2xl font-extrabold text-gray-900 leading-tight mb-3">加快推进高层建筑消防物联感知设备接入工作</h5>
<p class="text-sm md:text-base text-red-700 font-bold mb-4">四项“必须加装”要求</p>
<ul class="space-y-3">
<li class="flex items-start gap-3 bg-red-50/70 border border-red-100 rounded-xl p-3">
<span class="w-2.5 h-2.5 rounded-full bg-red-600 mt-1.5 shrink-0"></span>
<p class="text-sm text-gray-700 leading-relaxed">对设有室内消火栓、自动喷水灭火系统的，<span class="text-red-600 font-bold">必须加装</span>水压水位监测设备</p>
</li>
<li class="flex items-start gap-3 bg-red-50/70 border border-red-100 rounded-xl p-3">
<span class="w-2.5 h-2.5 rounded-full bg-red-600 mt-1.5 shrink-0"></span>
<p class="text-sm text-gray-700 leading-relaxed">对设有火灾自动报警系统的，<span class="text-red-600 font-bold">必须加装</span>用户传输装置设备</p>
</li>
<li class="flex items-start gap-3 bg-red-50/70 border border-red-100 rounded-xl p-3">
<span class="w-2.5 h-2.5 rounded-full bg-red-600 mt-1.5 shrink-0"></span>
<p class="text-sm text-gray-700 leading-relaxed">对设有建筑消防车通道的，在占堵路段<span class="text-red-600 font-bold">必须加装</span>占道监测设备</p>
</li>
<li class="flex items-start gap-3 bg-red-50/70 border border-red-100 rounded-xl p-3">
<span class="w-2.5 h-2.5 rounded-full bg-red-600 mt-1.5 shrink-0"></span>
<p class="text-sm text-gray-700 leading-relaxed">对设有消防控制室的，<span class="text-red-600 font-bold">必须加装</span>值班人员脱岗离岗监测设备</p>
</li>
</ul>
<div class="mt-5 pt-4 border-t border-red-100">
<p class="text-sm md:text-base text-red-700 font-bold mb-3">全国政策共性要求</p>
<p class="text-sm text-gray-700 leading-relaxed">近年来，全国高层建筑消防安全数字化治理工作统筹推进，各地积极探索实践。</p>
<p class="text-sm text-gray-700 leading-relaxed mt-2 mb-3">上海、重庆、广州、杭州等重点城市相继落地实施，核心聚焦<span class="text-red-600 font-bold">物联感知监测、智能实时预警、数据平台汇聚、全链条闭环处置</span>，着力构建现代化智慧消防治理体系。</p>
<div class="flex flex-wrap gap-2">
<span class="px-2.5 py-1 rounded-full bg-red-50 border border-red-100 text-[11px] font-bold text-red-700">消防设施联网</span>
<span class="px-2.5 py-1 rounded-full bg-red-50 border border-red-100 text-[11px] font-bold text-red-700">24小时在线监测</span>
<span class="px-2.5 py-1 rounded-full bg-red-50 border border-red-100 text-[11px] font-bold text-red-700">异常事件预警</span>
<span class="px-2.5 py-1 rounded-full bg-red-50 border border-red-100 text-[11px] font-bold text-red-700">监管平台数据接入</span>
</div>
</div>
</div>
</div>
</div>
<div class="mb-20">
<div class="flex items-center space-x-3 mb-10 border-l-4 border-red-600 pl-4">
<h4 class="text-2xl font-extrabold text-gray-800 tracking-tight">国家强制性安全生产标准</h4>
@@ -44,7 +86,7 @@
</div>
</div>
<div class="relative">
<div class="relative mb-12 md:mb-0">
<div class="mb-10">
<div class="flex items-center border-l-4 border-red-600 pl-4">
<h4 class="text-2xl font-extrabold text-gray-800 tracking-tight">数字化与应急管理指引</h4>
@@ -58,37 +100,6 @@
</div>
</div>
<div class="mb-8 bg-white rounded-[2rem] border border-red-100 p-5 md:p-6 shadow-sm hover:shadow-xl hover:shadow-red-500/10 transition-all duration-300">
<div class="grid grid-cols-1 lg:grid-cols-2 gap-6 lg:gap-8 items-stretch">
<div class="relative w-full h-72 md:h-80 lg:h-auto lg:self-stretch rounded-2xl overflow-hidden border border-slate-100 shadow-md bg-slate-100">
<img src="/img/policy-highrise-notice.webp" alt="加快推进高层建筑消防物联感知设备接入工作" class="absolute inset-0 w-full h-full object-cover object-top scale-110 origin-top" />
</div>
<div class="flex flex-col">
<div class="inline-flex items-center self-start px-3 py-1 rounded-full bg-red-100 text-red-700 text-xs font-bold tracking-wide mb-3">重点政策解读</div>
<h5 class="text-xl md:text-2xl font-extrabold text-gray-900 leading-tight mb-3">加快推进高层建筑消防物联感知设备接入工作</h5>
<p class="text-sm md:text-base text-red-700 font-bold mb-4">四项“必须加装”要求</p>
<ul class="space-y-3">
<li class="flex items-start gap-3 bg-red-50/70 border border-red-100 rounded-xl p-3">
<span class="w-2.5 h-2.5 rounded-full bg-red-600 mt-1.5 shrink-0"></span>
<p class="text-sm text-gray-700 leading-relaxed">对设有室内消火栓、自动喷水灭火系统的，<span class="text-red-600 font-bold">必须加装</span>水压水位监测设备</p>
</li>
<li class="flex items-start gap-3 bg-red-50/70 border border-red-100 rounded-xl p-3">
<span class="w-2.5 h-2.5 rounded-full bg-red-600 mt-1.5 shrink-0"></span>
<p class="text-sm text-gray-700 leading-relaxed">对设有火灾自动报警系统的，<span class="text-red-600 font-bold">必须加装</span>用户传输装置设备</p>
</li>
<li class="flex items-start gap-3 bg-red-50/70 border border-red-100 rounded-xl p-3">
<span class="w-2.5 h-2.5 rounded-full bg-red-600 mt-1.5 shrink-0"></span>
<p class="text-sm text-gray-700 leading-relaxed">对设有建筑消防车通道的，在占堵路段<span class="text-red-600 font-bold">必须加装</span>占道监测设备</p>
</li>
<li class="flex items-start gap-3 bg-red-50/70 border border-red-100 rounded-xl p-3">
<span class="w-2.5 h-2.5 rounded-full bg-red-600 mt-1.5 shrink-0"></span>
<p class="text-sm text-gray-700 leading-relaxed">对设有消防控制室的，<span class="text-red-600 font-bold">必须加装</span>值班人员脱岗离岗监测设备</p>
</li>
</ul>
</div>
</div>
</div>
<div id="policy-hint" class="md:hidden absolute right-2 top-1/2 transform -translate-y-1/2 z-30 transition-opacity duration-500 pointer-events-none">
<div class="bg-red-600 text-white p-3 rounded-full shadow-xl animate-bounce-x">
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">