add hemo,help

This commit is contained in:
2026-03-21 10:26:44 +08:00
parent 93713e3e3c
commit d5388f3f08
8 changed files with 1726 additions and 2 deletions

86
QUICK_START.md Normal file
View File

@@ -0,0 +1,86 @@
# 快速启动指南
## 🎉 新增功能
已成功为您的智能运维管理系统添加了两个全新的对外页面:
### ✅ 已完成的工作
1. **官网首页** (`/#/home`)
- 现代化的 UI 设计
- 功能特性展示6 个核心功能)
- 数据中心关键指标
- 响应式布局
2. **帮助中心** (`/#/help`)
- 常见问题 FAQ
- 使用指南分类
- 操作手册下载
- 联系方式展示
3. **登录页面优化**
- 添加"访问官网首页"按钮
4. **路由配置**
- 无需登录即可访问
- 独立布局(无侧边栏)
- 根路径自动重定向到首页
## 🚀 立即查看效果
### 方式一:直接访问 URL
在浏览器中访问:
```
http://localhost:5173/#/home
http://localhost:5173/#/help
```
### 方式二:从登录页跳转
访问登录页面,点击右上角的"首页"图标即可跳转到官网首页。
## 📝 下一步自定义建议
### 1. 修改 Logo
替换 `src/assets/logo.svg` 文件为您公司的 logo
### 2. 更新联系信息
编辑以下文件中的联系方式:
- `src/views/home/index.vue` - 页脚联系方式
- `src/views/help/index.vue` - 联系我们板块
### 3. 添加真实的帮助文档
编辑 `src/views/help/index.vue` 中的:
```typescript
const faqs = ref([...]) // 常见问题
const guides = ref([...]) // 使用指南
const manuals = ref([...]) // 操作手册
```
### 4. 调整配色方案
页面使用了 Arco Design 主题色,可以通过 CSS 变量调整:
```less
rgb(var(--primary-6)) // 主色调
```
## 💡 提示
- 所有页面都已经适配移动端,可以在手机上查看效果
- 页面使用了 Vue Router 的 hash 模式,部署简单
- 无需后端支持,纯静态页面,可直接部署
## 📦 技术栈
- Vue 3 + TypeScript
- Arco Design 组件库
- Vite 构建工具
- Vue Router 路由管理
---
享受您的新页面!🎊