|
|
--- |
|
|
title: auto |
|
|
emoji: 🐳 |
|
|
colorFrom: red |
|
|
colorTo: green |
|
|
sdk: static |
|
|
pinned: false |
|
|
tags: |
|
|
- deepsite |
|
|
--- |
|
|
|
|
|
# 工业自动化解决方案网站 |
|
|
|
|
|
这是一个为自动化设备有限公司开发的官方网站，展示公司的产品和服务，并提供在线联系和打样申请功能。 |
|
|
|
|
|
## 项目特点 |
|
|
|
|
|
- 响应式设计，适配各种设备（桌面、平板、手机） |
|
|
- 现代化的UI界面，使用Tailwind CSS框架 |
|
|
- 完整的表单验证功能 |
|
|
- 平滑的动画效果 |
|
|
- 多页面结构，包含公司简介、产品介绍、技术支持等 |
|
|
|
|
|
## 页面结构 |
|
|
|
|
|
- **首页**：展示公司主要产品和服务 |
|
|
- **公司简介**：介绍公司的发展历程和优势 |
|
|
- **产品介绍**：详细介绍产品 |
|
|
- **技术支持**：提供技术支持和培训服务信息 |
|
|
- **打样申请**：在线打样申请表单 |
|
|
- **联系方式**：公司联系信息和在线留言表单 |
|
|
|
|
|
## 技术栈 |
|
|
|
|
|
- HTML5 |
|
|
- CSS3 (通过Tailwind CSS框架) |
|
|
- JavaScript |
|
|
- Font Awesome图标库 |
|
|
|
|
|
## 文件结构 |
|
|
|
|
|
``` |
|
|
/ |
|
|
├── index.html # 首页 |
|
|
├── about.html # 公司简介 |
|
|
├── products.html # 产品介绍 |
|
|
├── support.html # 技术支持 |
|
|
├── sample.html # 打样申请 |
|
|
├── contact.html # 联系方式 |
|
|
├── css/ |
|
|
│ └── styles.css # 自定义样式 |
|
|
├── js/ |
|
|
│ └── main.js # JavaScript功能 |
|
|
└── images/ # 图片资源目录 |
|
|
``` |
|
|
|
|
|
## 使用说明 |
|
|
|
|
|
1. 直接在浏览器中打开`index.html`文件即可访问网站 |
|
|
2. 所有页面都通过导航栏相互链接 |
|
|
3. 表单提交功能需要后端支持，目前仅做前端展示 |
|
|
|
|
|
## 自定义修改 |
|
|
|
|
|
- 修改公司信息：更新所有页面中的公司名称、联系方式和地址 |
|
|
- 更新产品信息：编辑`products.html`中的产品描述 |
|
|
- 更改样式：修改`css/styles.css`文件 |
|
|
- 添加功能：编辑`js/main.js`文件 |
|
|
|
|
|
## 注意事项 |
|
|
|
|
|
- 网站中的联系信息（电话、邮箱等）需要根据实际情况更新 |
|
|
- 地图功能需要集成第三方地图API（如百度地图、高德地图） |
|
|
- 表单提交功能需要后端支持，目前仅做前端展示 |
|
|
|
|
|
## 版权信息 |
|
|
|
|
|
© 2019 自动化设备有限公司. All rights reserved. |
|
|
|
|
|
Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference |
