vue项目仿企业微信移动端(带聊天界面)

网上比较知名的网站或者软件,开源代码中都有仿其前端的。比如小米商城,京东商城,仿微信聊天页面诸如此类的。所以我潜意识觉得像那种知名公司或者软件。想找它的仿前端静态代码应该很好找。结果,当我想找仿企业微信移动端的前端静态代码时,竟发现没有。所以,这个短板这个空缺。我得弥补。

下载地址:https://download.csdn.net/download/qq_34761385/87854388

1.效果展示

 vue项目仿企业微信移动端(带聊天界面)_第1张图片vue项目仿企业微信移动端(带聊天界面)_第2张图片

 vue项目仿企业微信移动端(带聊天界面)_第3张图片vue项目仿企业微信移动端(带聊天界面)_第4张图片

2.内容说明

不说模仿的百分之百,但是咋一看大差不差。作为纯前端展示还是没问题的。底下的导航和头部走的父组件,内容以路由的形式嵌入。除了消息,邮件,通讯录这三个是代码写出来的,文档和工作台内容是用图片占位。只是模仿前端界面而已。也没必要把里面所有的二级三级页面都弄出来。当然你也可以在我提供的代码的基础上丰富。

技术栈:因为是纯vue项目的前端静态页面。所以就是vue+vant组件

特别说明:一点交互都没有,也显得太没技术含量了。展示效果也就生硬了点。所以,在消息模块中,是可以点击消息进入聊天页面的。效果图如下:

vue项目仿企业微信移动端(带聊天界面)_第5张图片

 可以发送文字,图片,表情等内容。作为一个独立的聊天页面,考虑到可能有人想单独复用这个页面。所以将代码提供出来:

chat.vue




相关关键图标:

vue项目仿企业微信移动端(带聊天界面)_第6张图片vue项目仿企业微信移动端(带聊天界面)_第7张图片vue项目仿企业微信移动端(带聊天界面)_第8张图片

 

 

 

你可能感兴趣的:(学习,vue,H5,企业微信)