当前位置： 首页 > Web前端 > HTML

基于VUE的多人聊天项目

时间：2023-04-02 19:09:53 HTML

项目背景公司的平台要做一个通讯系统，本来是用java做的，后来改成前端+PHP，所以用了VUE来做这个。githubgithub地址新人求星技术栈vue-axiosvuexwebsocketsasscss3等...完成进度整体结构完成好友列表完成好友添加拒绝完成好友列表发起聊天完成聊天页面点击聊天完成发送聊天完成点击聊天列表清空完成真实-阅读消息后时间消息通知完成动态在线离线好友通知完成实时好友通知完成发送文本长度优化聊天记录保存在本地，页面不刷新不会丢失

添加好友

搜索{{statusMessage}}

搜索结果<查看推荐好友

{{list.nickname}}

{{list.status===0?'好朋友':'待验证'}}
公共弹窗代码

提示

{{type==='del'?'你确定要删除'+delInfo.name+'吗？'：消息[类型]}}确定取消好友模块相关代码好友申请[{{data[1].ApplyList.length}}]
    {{list.nickname}}申请加我为好朋友
<divclass="titlemyFriendsTitletitleB">我的好朋友[{{data[0].onlineNum}}/{{data[0].friendsList.length}}]
    {{list.nickname}}
聊天模块相关代码
    正在玩{{list.playing_game_info.name}}{{list.nickname}}0":num="list.message_count">{{list.message_count>99?'99+':list.message_count}}<divclass="userInfoB">{{list.last_message}}{{list.last_send_at}}
`项目截图

基于VUE的多人聊天项目相关文章
最新推荐
猜你喜欢

Copyright © 2012-2022 程序源 版权所有豫ICP备2022028201号

重要申明：本站所有的文章、图片、评论等，均由网友发表或上传并维护或收集自网络，属个人行为，与本站立场无关。 如果侵犯了您的权利，请与我们联系，我们将在24小时内进行处理、任何非本站因素导致的法律后果，本站均不负任何责任。