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 19:11:52 +08:00
parent e5ff3ba8f2
commit 122b0b8782
2 changed files with 13 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/img/policy-highrise-notice.webp
BIN
View File
Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 44 KiB

src/components/sections/Policy.astro
+12 -17
View File
@@ -12,15 +12,22 @@
</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>
<div class="mb-5 pb-4 border-b 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">上海、重庆、广州、杭州等重点城市相继落地实施，核心聚焦物联感知监测、智能实时预警、数据平台汇聚、全链条闭环处置，着力构建现代化智慧消防治理体系。</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>
<p class="text-sm md:text-base text-red-700 font-bold mb-4">四项“必须加装”要求</p>
<ul class="space-y-3">
<ul class="grid grid-cols-1 md:grid-cols-2 gap-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">对设有室内消火栓、自动喷水灭火系统的，必须加装水压水位监测设备</p>
@@ -38,18 +45,6 @@
<p class="text-sm text-gray-700 leading-relaxed">对设有消防控制室的，必须加装值班人员脱岗离岗监测设备</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">上海、重庆、广州、杭州等重点城市相继落地实施，核心聚焦物联感知监测、智能实时预警、数据平台汇聚、全链条闭环处置，着力构建现代化智慧消防治理体系。</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>