@@ -21,8 +21,17 @@ beifan.cn/
|
||||
│ │ │ └── index.astro # 企安智控页面
|
||||
│ │ ├── customization/
|
||||
│ │ │ └── index.astro # 本地化定制页面
|
||||
│ │ └── partnership/
|
||||
│ │ └── index.astro # 生态合作页面
|
||||
│ │ ├── partnership/
|
||||
│ │ │ └── index.astro # 生态合作页面
|
||||
│ │ └── intro/ # 独立产品页面
|
||||
│ │ ├── qazk/
|
||||
│ │ │ └── index.astro # 企安智控详情页
|
||||
│ │ ├── hardware/
|
||||
│ │ │ └── index.astro # 硬件物联详情页
|
||||
│ │ ├── customized-deployment/
|
||||
│ │ │ └── index.astro # 本地化定制详情页
|
||||
│ │ └── miniapp-manual/
|
||||
│ │ └── index.astro # 小程序手册页
|
||||
│ ├── components/
|
||||
│ │ ├── sections/
|
||||
│ │ │ ├── Hero.astro # Hero 区域组件
|
||||
@@ -51,6 +60,9 @@ beifan.cn/
|
||||
│ │ └── script.js # JavaScript 文件
|
||||
│ ├── docs/
|
||||
│ │ └── 合作申请表.xlsx # 文档资源
|
||||
│ ├── intro/ # Intro 页面的静态资源
|
||||
│ │ ├── qazk/ # 企安智控页面资源
|
||||
│ │ └── hardware/ # 硬件物联页面资源
|
||||
│ ├── favicon.ico # 网站图标
|
||||
│ ├── robots.txt # 爬虫规则
|
||||
│ └── sitemap.xml # 网站地图
|
||||
@@ -98,7 +110,14 @@ beifan.cn/
|
||||
- **合作流程**:合作流程卡片(包含4步合作流程)
|
||||
- **页脚**:版权信息、ICP备案等
|
||||
|
||||
### 4. 独立产品页面(Intro)
|
||||
|
||||
这些页面使用独立的导航栏和样式:
|
||||
|
||||
- **企安智控**:智能安全管理平台详细介绍
|
||||
- **硬件物联**:27种智能硬件产品展示
|
||||
- **本地化定制**:全场景产业数字化定制方案
|
||||
- **小程序手册**:企安智控小程序使用指南
|
||||
|
||||
## 快速开始
|
||||
|
||||
@@ -140,33 +159,38 @@ pnpm preview
|
||||
|
||||
### Astro 配置
|
||||
|
||||
项目使用了 Tailwind CSS v4 的 Vite 插件,在 `astro.config.mjs` 中配置:
|
||||
项目使用了 Astro 的 Tailwind 集成,在 `astro.config.mjs` 中配置:
|
||||
|
||||
```javascript
|
||||
import tailwind from '@astrojs/tailwind';
|
||||
import { defineConfig } from 'astro/config';
|
||||
import tailwindcss from '@tailwindcss/vite';
|
||||
|
||||
export default defineConfig({
|
||||
vite: {
|
||||
plugins: [tailwindcss()],
|
||||
},
|
||||
integrations: [tailwind()],
|
||||
});
|
||||
```
|
||||
|
||||
### Tailwind 配置
|
||||
|
||||
项目使用 Tailwind CSS v4,主题配置通过 CSS 变量在 `src/styles/global.css` 中定义:
|
||||
在 `tailwind.config.mjs` 中扩展了主题颜色:
|
||||
|
||||
```css
|
||||
@import "tailwindcss";
|
||||
|
||||
@theme inline {
|
||||
--color-primary: #165DFF;
|
||||
--color-secondary: #36D399;
|
||||
--color-dark: #1E293B;
|
||||
--color-light: #F8FAFC;
|
||||
|
||||
--font-inter: ['Inter', 'system-ui', 'sans-serif'];
|
||||
```javascript
|
||||
export default {
|
||||
content: ['./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}'],
|
||||
theme: {
|
||||
extend: {
|
||||
colors: {
|
||||
primary: '#165DFF',
|
||||
secondary: '#36D399',
|
||||
dark: '#1E293B',
|
||||
light: '#F8FAFC'
|
||||
},
|
||||
fontFamily: {
|
||||
inter: ['Inter', 'system-ui', 'sans-serif'],
|
||||
},
|
||||
},
|
||||
},
|
||||
plugins: [],
|
||||
}
|
||||
```
|
||||
|
||||
|
||||
Reference in New Issue
Block a user