# ai-platform-vue

**Repository Path**: gitee_ZXQ/ai-platform-vue

## Basic Information

- **Project Name**: ai-platform-vue
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-07-03
- **Last Updated**: 2025-07-23

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# AI智能平台 - Vue 3 版本

基于 Vue 3、TypeScript、Vite、Naive UI 和 Yesicon 技术栈开发的现代化AI智能平台，完全复刻原网站的功能、交互和视觉设计。

## 🚀 技术栈

- **前端框架**: Vue 3.4.0 (Composition API + `<script setup>`)
- **开发语言**: TypeScript 5.3.0
- **构建工具**: Vite 5.0.0
- **UI组件库**: Naive UI 2.38.1
- **图标系统**: Yesicon (Carbon Design Icons)
- **CSS框架**: UnoCSS 0.58.0
- **状态管理**: Pinia 2.1.7
- **路由管理**: Vue Router 4.2.5

## ✨ 功能特色

### 🔍 AI智能搜索
- 基于自然语言处理的智能搜索引擎
- 理解用户意图，提供精准搜索结果
- 支持搜索建议和历史记录
- 实时搜索进度显示

### 🎤 音频转文本
- 高精度语音识别技术
- 支持多种音频格式 (MP3, WAV, M4A, AAC, OGG)
- 提供转录、摘要、情感分析功能
- 实时处理进度和结果展示

### 🎬 视频处理
- 智能视频分析和处理
- 提取音频内容转文本
- 生成视频摘要和关键帧
- 支持多种视频格式

### 🎨 AI图像生成
- 基于文本描述生成高质量图像
- 支持多种艺术风格和分辨率
- 可调节创意程度和随机种子
- 支持图像下载和分享

### 📹 AI视频生成
- 创新的AI视频生成技术 (升级功能)
- 文本转视频创作能力
- 多种视频风格和分辨率选择
- 专业版升级提示

### 📄 内容总结
- 智能分析文本、文档和网页内容
- 生成精准摘要和关键要点
- 支持关键词提取和主题识别
- 可选情感分析功能

## 🎨 设计特色

### 视觉设计
- **深色主题**: 现代化的深色配色方案
- **渐变效果**: 精美的渐变背景和文字效果
- **玻璃态设计**: 半透明背景和模糊效果
- **浮动动画**: 优雅的浮动和过渡动画

### 交互体验
- **响应式设计**: 完美适配桌面和移动设备
- **平滑动画**: 流畅的页面过渡和微交互
- **悬停效果**: 丰富的鼠标悬停反馈
- **模态框系统**: 统一的功能模态框设计

### 颜色搭配
- **主色调**: 蓝紫渐变 (#6366f1 → #8b5cf6)
- **辅助色**: 青色点缀 (#06b6d4)
- **背景色**: 深色渐变 (#0f172a → #1e293b)
- **文字色**: 白色主体 + 灰色辅助

## 📁 项目结构

```
ai-platform-vue/
├── public/                 # 静态资源
├── src/
│   ├── assets/            # 资源文件
│   │   └── styles/        # 样式文件
│   ├── components/        # Vue组件
│   │   ├── common/        # 通用组件
│   │   ├── features/      # 功能组件
│   │   └── modals/        # 模态框组件
│   ├── composables/       # 组合式函数
│   ├── stores/            # Pinia状态管理
│   ├── types/             # TypeScript类型定义
│   ├── utils/             # 工具函数
│   ├── views/             # 页面组件
│   ├── router/            # 路由配置
│   ├── App.vue            # 根组件
│   └── main.ts            # 应用入口
├── package.json           # 项目配置
├── vite.config.ts         # Vite配置
├── tsconfig.json          # TypeScript配置
├── uno.config.ts          # UnoCSS配置
└── README.md              # 项目文档
```

## 🛠️ 开发指南

### 环境要求
- Node.js >= 16.0.0
- npm >= 7.0.0

### 安装依赖
```bash
npm install
```

### 开发模式
```bash
npm run dev
```

### 构建生产版本
```bash
npm run build
```

### 预览构建结果
```bash
npm run preview
```

### 类型检查
```bash
npm run type-check
```

### 代码检查
```bash
npm run lint
```

## 🔧 配置说明

### Vite配置
- 配置了路径别名 `@` 指向 `src` 目录
- 支持热重载和快速构建
- 优化了构建输出结构

### TypeScript配置
- 启用严格模式
- 配置路径映射
- 支持Vue单文件组件

### UnoCSS配置
- 集成原子化CSS框架
- 自定义主题颜色和动画
- 支持图标集成

### Naive UI配置
- 深色主题适配
- 自定义组件样式
- 响应式设计支持

## 📱 响应式设计

### 断点设置
- **移动端**: < 768px
- **平板端**: 768px - 1024px
- **桌面端**: > 1024px

### 适配特性
- 弹性网格布局
- 自适应字体大小
- 触摸友好的交互
- 移动端优化的导航

## 🎯 核心特性

### 组件化架构
- 高度模块化的组件设计
- 可复用的通用组件
- 清晰的组件层次结构

### 状态管理
- 使用Pinia进行状态管理
- 模态框状态统一管理
- AI功能状态独立管理

### 类型安全
- 完整的TypeScript类型定义
- 严格的类型检查
- 良好的开发体验

### 性能优化
- 组件懒加载
- 图片优化
- 代码分割
- 构建优化

## 🚀 部署指南

### 静态部署
```bash
npm run build
# 将 dist 目录部署到静态服务器
```

### 服务器部署
- 支持 Nginx、Apache 等服务器
- 配置 SPA 路由回退
- 启用 Gzip 压缩

### CDN部署
- 支持各大CDN平台
- 静态资源分离
- 全球加速访问

## 📄 许可证

MIT License - 详见 [LICENSE](LICENSE) 文件

## 🤝 贡献指南

1. Fork 本仓库
2. 创建功能分支 (`git checkout -b feature/AmazingFeature`)
3. 提交更改 (`git commit -m 'Add some AmazingFeature'`)
4. 推送到分支 (`git push origin feature/AmazingFeature`)
5. 开启 Pull Request

## 📞 联系我们

- 项目地址: [GitHub Repository]
- 问题反馈: [Issues]
- 邮箱: contact@ai-platform.com

---

**AI智能平台** - 让AI技术触手可及 🚀