新增危险化学品、烟花爆竹、非煤矿山模块
This commit is contained in:
@@ -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 (4–6 items, distinct visual style per module)
|
||||
3. `{Industry}Policy.astro` — industry-specific regulations (6–10 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
|
||||
|
||||
Reference in New Issue
Block a user