scout666/chat-pc
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
89 Commits 5 Branches 0 Tags 18 MiB
Vue 75.4%
JavaScript 12.5%
TypeScript 10.2%
Less 1.7%
HTML 0.2%
2c1ae41c3e
Go to file
Phoenix 2c1ae41c3e feat(theme): 将主色调从#1890ff更改为#462AA0 
统一修改多处UI组件的主色调，从蓝色(#1890ff)变更为紫色(#462AA0)，以保持视觉一致性。同时优化了文件上传逻辑和滚动到底部功能。

refactor(dom): 提取滚动相关操作为工具函数
将滚动到底部逻辑封装为可复用的工具函数，并在多处调用位置进行替换，提高代码复用性。

fix(upload): 修复上传中文件点击打开问题
增加上传状态判断，避免在上传过程中点击文件时打开新窗口。

chore(deps): 更新依赖包版本
升级@types/node和watchpack等依赖包版本。
2025-05-28 11:29:13 +08:00
build/icons 初始化 2024-12-24 16:14:21 +08:00
env 更新.env.test文件中的API地址，调整FileMessage.vue组件的样式，增加高度和灵活性，优化auth.js中的token获取逻辑，增强MultiSelectFooter.vue中的批量删除功能，添加确认框提示。 2025-05-26 12:00:30 +08:00
public 初始化 2024-12-24 16:14:21 +08:00
src feat(theme): 将主色调从#1890ff更改为#462AA0 2025-05-28 11:29:13 +08:00
.gitignore 12 2025-05-27 11:43:58 +08:00
.prettierrc.json 更新了多个文件以优化样式和功能，包括在UnoCSS配置中添加预设，调整了主题颜色和消息组件的样式，更新了环境变量，修复了头像组件的尺寸，并在消息面板中添加了多选功能。 2025-05-12 13:44:13 +08:00
env.d.ts 初始化 2024-12-24 16:14:21 +08:00
index.html 修改项目名称为“IM”，更新相关文件中的标题和版权信息，优化文件下载功能，调整部分组件的显示内容。 2025-05-22 10:30:02 +08:00
package-lock.json 修改项目名称为“IM”，更新相关文件中的标题和版权信息，优化文件下载功能，调整部分组件的显示内容。 2025-05-22 10:30:02 +08:00
package.json 修改项目名称为“IM”，更新相关文件中的标题和版权信息，优化文件下载功能，调整部分组件的显示内容。 2025-05-22 10:30:02 +08:00
pnpm-lock.yaml feat(theme): 将主色调从#1890ff更改为#462AA0 2025-05-28 11:29:13 +08:00
README.md 修改项目名称为“IM”，更新相关文件中的标题和版权信息，优化文件下载功能，调整部分组件的显示内容。 2025-05-22 10:30:02 +08:00
tsconfig.json 优化文件消息组件的下载逻辑，新增群组信息获取功能，调整对话存储以支持群组信息 2025-05-22 15:07:27 +08:00
uno.config.ts 更新了多个文件以优化样式和功能，包括在UnoCSS配置中添加预设，调整了主题颜色和消息组件的样式，更新了环境变量，修复了头像组件的尺寸，并在消息面板中添加了多选功能。 2025-05-12 13:44:13 +08:00
vite.config.ts feat(theme): 将主色调从#1890ff更改为#462AA0 2025-05-28 11:29:13 +08:00

README.md

IM - 在线即时通讯应用

IM 是一个基于 Vue 3 开发的现代化在线即时通讯应用，提供实时聊天、消息管理、笔记等功能。

功能特性

  • 📱 实时聊天：支持一对一即时通讯
  • 📝 消息管理：高效管理各类消息
  • 📓 笔记功能：支持Markdown格式的笔记编辑与管理
  • 🌓 暗色模式：支持明暗主题切换，呵护您的眼睛
  • 🔒 用户认证：完善的登录注册系统

技术栈

  • 前端框架：Vue 3 + TypeScript
  • 状态管理：Pinia
  • UI组件库：Naive UI
  • 路由管理：Vue Router
  • CSS预处理器：Less
  • 构建工具：Vite
  • WebSocket：用于实时通讯
  • 编辑器：
    • Markdown编辑器：@kangc/v-md-editor
    • 富文本编辑器：Quill

快速开始

环境要求

  • Node.js >= 14.0.0
  • pnpm >= 6.0.0

安装依赖

pnpm install

开发环境运行

# 测试环境
pnpm dev:test

# 生产环境
pnpm dev:prod

打包构建

# 测试环境构建
pnpm build:test

# 生产环境构建
pnpm build:prod

预览构建后的项目

pnpm preview

项目结构

src/
├── api/          # API请求
├── assets/       # 静态资源
├── components/   # 公共组件
├── connect.ts    # WebSocket连接管理
├── constant/     # 常量定义
├── directive/    # 自定义指令
├── event/        # 事件管理
├── hooks/        # 自定义钩子
├── layout/       # 布局组件
├── main.ts       # 入口文件
├── plugins/      # 插件配置
├── router/       # 路由配置
├── store/        # 状态管理
├── types/        # 类型定义
├── utils/        # 工具函数
└── views/        # 页面视图

环境变量配置

项目支持不同环境配置，环境变量文件位于env/目录下。

浏览器支持

支持现代浏览器，如Chrome、Firefox、Safari、Edge等。

相关链接

许可证

Copyright © 2023 IM