# ly_2025_ai **Repository Path**: zb2015/ly_2025_ai ## Basic Information - **Project Name**: ly_2025_ai - **Description**: ai集成 - **Primary Language**: Unknown - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2025-08-22 - **Last Updated**: 2025-10-09 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README #云狐AI - 智能AI助手应用 基于uniapp开发的跨平台AI对话、发现、市场、个人中心应用。 ## 项目特性 - 🚀 **跨平台支持**：支持H5、微信小程序、APP等多平台 - 🎨 **精美UI设计**：完全按照设计稿一比一复现，采用深色主题 - 💬 **智能对话**：支持多种AI模型，分类展示，可折叠展开 - 🔍 **内容发现**：聊天榜、绘画榜双模式，支持上拉加载更多 - 🛒 **AI市场**：丰富的AI工具分类，支持收藏功能 - 👤 **个人中心**：完整的用户系统，支持会员升级 - 🔐 **安全登录**：手机验证码登录，自动登录状态检查 ## 技术栈 - **前端框架**：Vue 3 + uniapp - **样式方案**：CSS3 + 响应式设计 - **状态管理**：本地存储 + 组件通信 - **平台支持**：H5、微信小程序、APP ## 项目结构 ``` ly_2025_ai/ ├── pages/ # 页面文件 │ ├── login/ # 登录页面 │ ├── chat/ # 对话页面 │ ├── discover/ # 发现页面 │ ├── market/ # 市场页面 │ ├── profile/ # 个人中心页面 │ ├── chat-detail/ # 对话详情页面 │ └── recharge/ # 充值页面 ├── src/ # 源代码目录 │ └── router/ # 路由配置 ├── static/ # 静态资源 │ ├── icons/ # 图标文件 │ └── images/ # 图片文件 ├── App.vue # 应用根组件 ├── main.js # 应用入口文件 ├── index.html # H5入口文件 ├── vue.config.js # Vue配置文件 ├── babel.config.js # Babel配置 ├── .eslintrc.js # ESLint配置 ├── manifest.json # 应用配置文件 ├── pages.json # 页面配置文件 ├── package.json # 项目依赖配置 ├── start.sh # 启动脚本 └── start-simple.sh # 简化启动脚本 ``` ## 功能模块 ### 1. 登录模块 - 手机号验证码登录 - 自动登录状态检查 - 未登录自动跳转 ### 2. 对话模块 - 分类展示（我的助理、AI聊天、AI写作、AI绘画） - 支持折叠/展开 - 显示分类数量 - 点击跳转对话详情 - 右上角订阅按钮跳转充值 ### 3. 发现模块 - 聊天榜/绘画榜切换 - 聊天榜支持内容展开/收起 - 绘画榜图片网格展示 - 支持上拉加载更多 - 绘画点击弹窗展示详情 ### 4. 市场模块 - 左侧分类导航 - 右侧内容列表 - 支持上拉加载更多 - 点击"+"添加到收藏 ### 5. 个人中心模块 - 用户信息展示 - 会员状态统计 - 功能选项列表 - 邀请好友（微信环境蒙层引导） - 退出登录功能 ## 🚀 快速启动 ### 环境要求 - Node.js 14.0+ - npm 6.0+ ### 方法一：使用启动脚本（推荐） ```bash # 给脚本添加执行权限 chmod +x start-simple.sh # 运行启动脚本 ./start-simple.sh ``` ### 方法二：手动启动 ```bash # 1. 安装依赖 npm install # 2. 启动开发服务器 npm run dev ``` ### 方法三：使用HBuilderX 1. 用HBuilderX打开项目目录 2. 选择"运行" -> "运行到浏览器" -> "Chrome" 3. 或者选择"运行" -> "运行到手机或模拟器" ## 访问地址 启动成功后，在浏览器中访问： - **本地开发**：http://localhost:8080 - **局域网访问**：http://[你的IP地址]:8080 ## 构建生产版本 ```bash # H5构建 npm run build:h5 # 微信小程序构建 npm run build:mp-weixin # APP构建 npm run build:app ``` ## 设计规范 ### 颜色方案 - 主背景色：`#3A3052` (深紫色) - 次要背景：`#4A4062` (中紫色) - 强调色：`#F0D9B5` (浅橙色) - 浅色背景：`#F8E7D0` (米色) - 文字主色：`#FFFFFF` (白色) - 文字次要：`#8F82A8` (浅紫色) ### 布局规范 - 页面顶部：44px状态栏高度 - 底部导航：50px高度 - 内容区域：自适应高度 - 卡片圆角：8-16px - 间距规范：8px、16px、20px、24px ## 开发说明 ### 页面路由 - 登录页面：`/login` - 对话页面：`/chat` - 发现页面：`/discover` - 市场页面：`/market` - 个人中心：`/profile` ### 数据存储 - 用户登录状态：`localStorage.getItem('token')` - 用户信息：`localStorage.getItem('userInfo')` - 收藏列表：`localStorage.getItem('favorites')` - 会员状态：`localStorage.getItem('membershipStats')` ### 组件通信 - 父子组件：Props + Events - 跨页面通信：URL参数 + 本地存储 - 全局状态：App.vue + 本地存储 ## 常见问题 ### Q: 项目无法启动，提示缺失入口文件？ A: 项目已包含完整的入口文件： - `index.html` - H5入口文件 - `main.js` - Vue应用入口 - `App.vue` - 根组件 - 路由配置已完善 ### Q: 如何添加新的页面？ A: 1. 在`pages/`目录下创建新页面 2. 在`src/router/index.js`中添加路由配置 3. 在`App.vue`中更新底部导航（如需要） ### Q: 如何修改主题颜色？ A: 在`App.vue`的CSS变量中修改颜色值，或在各页面的样式中直接修改 ## 注意事项 1. **图标资源**：需要在 `static/icons/` 目录下放置相应的图标文件 2. **图片资源**：需要在 `static/images/` 目录下放置绘画作品图片 3. **平台兼容**：代码已考虑不同平台的兼容性 4. **性能优化**：图片懒加载、分页加载、防抖节流等 5. **用户体验**：加载状态、错误处理、空状态展示等 ## 更新日志 ### v1.0.0 (2025-01-XX) - 初始版本发布 - 完成基础功能模块 - 实现设计稿样式复现 - 支持多平台运行 - 添加完整的项目启动配置 ## 贡献指南 1. Fork 项目 2. 创建功能分支 3. 提交代码变更 4. 发起 Pull Request ## 许可证 MIT License ## 联系方式 - 项目地址：[GitHub Repository] - 问题反馈：[Issues] - 功能建议：[Discussions] --- **云狐AI** - 让AI更智能，让生活更美好！ 🚀