新增危险化学品、烟花爆竹、非煤矿山模块

This commit is contained in:
Frudrax Cheng
2026-05-14 10:37:03 +08:00
parent 8b6f9f56b2
commit 7abfc36ae3
30 changed files with 1189 additions and 17 deletions
+22 -2
View File
@@ -34,11 +34,15 @@ src/
├── layouts/Layout.astro # Main layout with desktop/mobile navigation
├── pages/ # Route pages (use .astro files)
│ ├── index.astro # Home page
│ ├── qazk/index.astro # Product center - industrial safety
│ ├── qazk/index.astro # Product center - industrial safety (工贸企业)
│ ├── property/index.astro # Product center - smart property (物业楼宇)
│ ├── elderly/index.astro # Product center - smart elderly care
│ ├── construction/index.astro # Product center - smart construction
│ ├── education/index.astro # Product center - smart campus
│ ├── kitchen/index.astro # Product center - smart kitchen
│ ├── chemical/index.astro # Product center - hazardous chemicals (危险化学品)
│ ├── fireworks/index.astro # Product center - fireworks (烟花爆竹)
│ ├── mining/index.astro # Product center - non-coal mining (非煤矿山)
│ ├── customization/index.astro
│ ├── partnership/index.astro
│ └── intro/*/index.astro # Intro/detail pages
@@ -48,14 +52,29 @@ src/
public/
├── img/
│ ├── property/ # Smart property page assets (webp)
│ ├── elderly/ # Smart elderly care page assets (webp preferred)
│ ├── construction/ # Smart construction page assets (webp preferred)
│ ├── education/ # Smart campus page assets (webp + svg)
│ ├── kitchen/ # Smart kitchen page assets (webp)
│ ├── chemical/ # Hazardous chemicals assets (hero.webp + architecture.webp)
│ ├── fireworks/ # Fireworks assets (hero.webp + architecture.webp)
│ ├── mining/ # Non-coal mining assets (hero.webp + architecture.webp)
│ └── ...
└── js/script.js
```
### High-risk industry modules pattern (chemical / fireworks / mining)
Each follows the same simplified 5-section layout (similar to construction):
1. `{Industry}Hero.astro` — IOC big-screen screenshot + 4 feature pills + 2 audience boxes (企业 / 监管赋能)
2. `{Industry}PainPoints.astro` — industry-specific pain points (46 items, distinct visual style per module)
3. `{Industry}Policy.astro` — industry-specific regulations (610 items, distinct layout per module)
4. `{Industry}Architecture.astro` — solution overview + system layer diagram + architecture image
5. `{Industry}Hardware.astro` — 6 key hardware solutions (text + icons, no images)
Hero images are IOC dashboard screenshots; architecture images are 3D scene illustrations of the facility.
## Code Style Guidelines
### Astro Components
@@ -106,7 +125,8 @@ const { title, activeNav = 'home' } = Astro.props;
- All pages use `<Layout>` component with `activeNav` prop for navigation highlighting
- Product center uses dropdown/submenu in `Layout.astro`
- Current product nav IDs: `qazk`, `elderly`, `construction`, `kitchen`, `education`
- Current product nav IDs (9 modules in order): `qazk`, `property`, `elderly`, `kitchen`, `education`, `construction`, `chemical`, `fireworks`, `mining`
- Desktop dropdown renders as a 3×3 grid (`grid grid-cols-3` with fixed `w-[600px]`); mobile dropdown uses `grid-cols-3`
- Main content wrapped in `<main>` tag
```astro