Vue仿微信PC客户端

一个模仿PC微信客户端的纯前端vue项目

项目地址
github: https://github.com/TomHusky/vue-wechat-demo
gitee: https://gitee.com/luowenjie98/vue-wechat-demo

目前已经完成的功能点有

  • 登录
  • 页面拖拽移动
  • 好友聊天
  • 群聊
  • 消息通知提醒,免打扰,不显示聊天框
  • 表情消息,图片消息,文件消息
  • 通讯录
  • 加好友,创建群聊
  • 好友头像查看信息

登录页面

image

主页面

image

好友侧边栏

image

群聊侧边栏

image

表情 文件 图片 消息

image

图片放大预览

image

通讯录

image

信息弹出框

image

聊天列表右击菜单

image

项目启动

安装依赖

复制1
npm install

启动服务

复制1
npm run serve

构建输出

复制1
npm run build
posted @   房东的Tom  阅读(672)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· DeepSeek “源神”启动!「GitHub 热点速览」
· 微软正式发布.NET 10 Preview 1:开启下一代开发框架新篇章
· 我与微信审核的“相爱相杀”看个人小程序副业
· C# 集成 DeepSeek 模型实现 AI 私有化(本地部署与 API 调用教程)
· spring官宣接入deepseek,真的太香了~
点击右上角即可分享
微信分享提示