浙江宙雨新材料有限公司官方网站

这是浙江宙雨新材料有限公司的官方网站复刻版本，使用 Vue.js 3 + Vite 构建。

本项目是基于 https://zjzhouyu.com/ 网站的1:1复刻版本，包含以下页面：

• 首页
• 产品中心
• 新闻资讯
• 关于我们
• 联系我们

• Vue.js 3
• Vue Router 4
• Vite 5

npm install

npm run dev

npm run build

npm run preview

/workspace/
├── src/
│   ├── components/          # 公共组件
│   │   ├── Header.vue       # 头部导航
│   │   ├── Footer.vue       # 页脚
│   │   └── home/            # 首页子组件
│   ├── views/               # 页面组件
│   │   ├── Home.vue         # 首页
│   │   ├── Products.vue     # 产品中心
│   │   ├── News.vue         # 新闻资讯
│   │   ├── About.vue        # 关于我们
│   │   └── Contact.vue      # 联系我们
│   ├── router/              # 路由配置
│   ├── App.vue              # 根组件
│   ├── main.js              # 入口文件
│   └── style.css            # 全局样式
├── index.html               # HTML 模板
├── vite.config.js           # Vite 配置
└── package.json             # 项目配置

• ✅ 响应式设计，适配桌面端和移动端
• ✅ 完整的页面路由导航
• ✅ 优雅的 UI 设计和动画效果
• ✅ 产品展示和分类浏览
• ✅ 新闻资讯列表展示
• ✅ 在线留言表单
• ✅ 联系方式展示
• ✅ 移动端菜单
• ✅ 平滑滚动和过渡动画

• 项目中使用占位符图片，实际部署时需要替换为真实图片
• 地图功能需要集成百度地图或高德地图 API
• 表单提交功能需要配置后端接口
• 建议添加 SEO 优化和性能优化

• 地址：浙江省桐乡市开发区文和路29号6幢
• 电话：15068371138
• 邮箱：1741480946@qq.com