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

Add policy-highrise-notice

Browse Source
This commit is contained in:
ZHENG XIAOYI
2026-03-25 14:37:03 +08:00
parent bc6c1141b3
commit 35e143f042
3 changed files with 32 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/sections/Policy.astro
+31
View File
@@ -58,6 +58,37 @@
</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">