深圳海外装饰官网

中建海外装潢旗下「深圳海外装饰」企业官网，Vue 2 单页应用，含首页、简介、业务、工程案例、企业文化等栏目。

技术栈

技术	版本
Vue	2.6
Vue Router / Vuex	3.x
Vue CLI	4.5
Tailwind CSS	2.0（postcss7-compat）
Sass / sass-loader	1.x / 8.x
video.js / v-intersection	视频播放 / 滚动可见性

页面路由

路径	页面	说明
/	Home	首页（含 Banner、视频、工程展示）
/introduce	Introduce	企业简介
/field	Field	业务领域
/top	Top	精品工程
/calture	Calture	企业文化

环境要求

• Node.js 16.x（推荐 v16.20.2，Vue CLI 4 + 旧版 sass 在 Node 18+ 下无法正常工作）
• npm 8.x

使用 fnm 切换版本示例：

fnm use 16

快速开始

# 安装依赖
npm install

# 启动开发服务器（默认 http://localhost:8080，端口被占用时自动顺延）
npm run serve

# 生产构建，产物输出到 dist/
npm run build

构建产物 publicPath 为相对路径（./），dist/ 可直接用静态服务器托管：

npx serve dist

目录结构

├── public/             # 静态资源与 index.html
├── src/
│   ├── components/     # Nav / SideNav / Banner / Tab / Popover / picSlider
│   ├── views/          # Home / Introduce / Field / Top / Calture / About
│   ├── router/         # 路由表
│   ├── store/          # Vuex
│   ├── App.vue
│   └── main.js
├── assetsd/            # 历史设计稿与页面配图（构建不引用，仅存档）
├── vue.config.js
└── package.json

维护说明

1. ESLint 已关闭：项目无 ESLint 配置文件，vue.config.js 中设置了 lintOnSave: false。如需恢复 lint，请先补 .eslintrc.js 再打开。
2. 依赖 lock 已重装：原 package-lock.json 锁定已过期淘宝镜像地址，无法安装，已重新生成。如需国内加速，可换 https://registry.npmmirror.com 重装。
3. npm run lint 不可用：同原因 1，执行会报错，属预期行为。
4. 静态图片主要放在 public/ 下引用；assetsd/ 为历史存档目录，不参与构建。