add hemo,help
This commit is contained in:
86
QUICK_START.md
Normal file
86
QUICK_START.md
Normal 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 路由管理
|
||||
|
||||
---
|
||||
|
||||
享受您的新页面!🎊
|
||||
Reference in New Issue
Block a user