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

refactor: redesign UI for Home and Qazk pages

Browse Source
This commit is contained in:
郑肖毅
2026-02-11 09:20:03 +08:00
parent 30464f718b
commit 6237a90ad3
14 changed files with 363 additions and 269 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/sections/Policy.astro
View File

@@ -6,7 +6,7 @@
<div class="text-center mt-10 mb-16 relative">
<div class="absolute top-0 left-1/2 -translate-x-1/2 w-64 h-64 bg-red-100/50 blur-3xl rounded-full -z-10"></div>
<h3 class="text-3xl md:text-5xl font-black text-gray-900 tracking-tight">
最新政策导向<br><span class="text-red-600">安全管理核心驱动力</span>
<span class="text-red-600">系统平台紧跟政策导向</span>
</h3>
<div class="w-24 h-1.5 bg-red-600 mx-auto mt-8 rounded-full shadow-sm shadow-red-200"></div>
</div>
@@ -22,11 +22,11 @@
<img src="/img/policy-1.webp" class="w-full h-full object-cover object-top group-hover:scale-110 transition-transform duration-1000" />
</div>
<div class="md:w-[55%] flex flex-col justify-center py-4">
<h3 class="text-2xl font-bold text-gray-900 mb-4 group-hover:text-red-600 transition-colors leading-tight">企业安全生产标准化<br>基本规范</h3>
<h3 class="text-2xl font-bold text-gray-900 mb-4 group-hover:text-red-600 transition-colors leading-tight">大中型企业安全生产标准化管理体系要求</h3>
<p class="text-base text-gray-600 leading-relaxed bg-red-50/50 p-5 rounded-2xl border-red-600 mb-4">
核心要求：全面建立并保持<span class="text-red-700 font-bold">标准化系统</span>，实现安全管理的系统化、岗位达标和规范化。
企业应利用<span class="text-red-700 font-bold">数字化、信息化、智能化</span>等手段,提高安全生产台账管理、安全风险分级管控、事故隐患排查治理、应急管理等效能。
</p>
<div class="text-sm font-bold text-red-600">GB/T 33000-2016</div>
<div class="text-sm font-bold text-red-600">GB/T 33000-2025</div>
</div>
</div>
<div class="group bg-white rounded-[2.5rem] p-6 border border-red-100 shadow-sm hover:shadow-2xl hover:shadow-red-500/10 transition-all duration-500 flex flex-col md:flex-row gap-8">
@@ -34,11 +34,11 @@
<img src="/img/policy-2.webp" class="w-full h-full object-cover object-top group-hover:scale-110 transition-transform duration-1000" />
</div>
<div class="md:w-[55%] flex flex-col justify-center py-4">
<h3 class="text-2xl font-bold text-gray-900 mb-4 group-hover:text-red-600 transition-colors leading-tight">重大火灾隐患<br>判定规则</h3>
<h3 class="text-2xl font-bold text-gray-900 mb-4 group-hover:text-red-600 transition-colors leading-tight">工业互联网平台<br />安全生产数字化管理</h3>
<p class="text-base text-gray-600 leading-relaxed bg-red-50/50 p-5 rounded-2xl border-red-600 mb-4">
确立标准：统一了重大火灾隐患的<span class="text-red-700 font-bold">判定基准</span>，适用于各类建筑及公共场所的隐患界定。
企业应基于工业互联网平台开展<span class="text-red-700 font-bold">安全风险管控</span>,包括安全风险辨识、安全风险分级管控和风险预警。
</p>
<div class="text-sm font-bold text-red-600">GB 35181-2017</div>
<div class="text-sm font-bold text-red-600">GB/T46884.1—2025</div>
</div>
</div>
</div>