diff --git a/README.md b/README.md index 516bcb5..0b0d9a4 100644 --- a/README.md +++ b/README.md @@ -1,14 +1,12 @@ # 火情监控全链路业务监控视图 -这是一个使用 Vue 3 + TypeScript 开发的监控视图展示项目,带有动态流动效果的连线动画。 +Vue 3 + TypeScript 开发的监控视图展示项目,带有动态流动效果的连线动画。 ## 项目特点 -- ✨ 使用 Vue 3 + TypeScript + Vite 构建 -- 🎨 炫酷的渐变背景和标题光晕效果 -- 🌊 连线流动动画效果(8-12秒循环) -- 🎯 红色线条使用 #EB5017 颜色流动 -- 🚫 顶部第一条虚线保持静态,其他连线均有流动效果 +- 使用 Vue 3 + TypeScript + Vite 构建 +- 连线流动动画效果(8-12秒循环) +- 红色线条使用 #EB5017 颜色流动 ## 本地开发 @@ -30,45 +28,6 @@ npm run preview 项目已构建完成,生产文件位于 `dist` 目录。 -### 方式 1: 使用 Vercel(推荐) - -1. 安装 Vercel CLI: - ```bash - npm install -g vercel - ``` - -2. 在项目目录运行: - ```bash - cd /Users/gavin/monitor - vercel - ``` - -3. 按照提示操作即可完成部署 - -### 方式 2: 使用 Netlify - -1. 安装 Netlify CLI: - ```bash - npm install -g netlify-cli - ``` - -2. 部署: - ```bash - cd /Users/gavin/monitor - netlify deploy --prod --dir=dist - ``` - -### 方式 3: 使用 GitHub Pages - -1. 创建 GitHub 仓库并推送代码 -2. 在项目根目录创建 `.github/workflows/deploy.yml` -3. 配置自动部署工作流 -4. 推送后自动部署到 GitHub Pages - -### 方式 4: 上传到传统服务器 - -将 `dist` 目录下的所有文件上传到你的 Web 服务器(Apache/Nginx)的网站根目录即可。 - ## 目录结构 ```