auto / README.md
chagtptmm's picture
Update README.md
170fbcc verified
---
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