-
{{item.cont}}
{{item.card.title}}
-
{{item.cont}}
- {{item.time}}
网上比较知名的网站或者软件,开源代码中都有仿其前端的。比如小米商城,京东商城,仿微信聊天页面诸如此类的。所以我潜意识觉得像那种知名公司或者软件。想找它的仿前端静态代码应该很好找。结果,当我想找仿企业微信移动端的前端静态代码时,竟发现没有。所以,这个短板这个空缺。我得弥补。
不说模仿的百分之百,但是咋一看大差不差。作为纯前端展示还是没问题的。底下的导航和头部走的父组件,内容以路由的形式嵌入。除了消息,邮件,通讯录这三个是代码写出来的,文档和工作台内容是用图片占位。只是模仿前端界面而已。也没必要把里面所有的二级三级页面都弄出来。当然你也可以在我提供的代码的基础上丰富。
技术栈:因为是纯vue项目的前端静态页面。所以就是vue+vant组件
特别说明:一点交互都没有,也显得太没技术含量了。展示效果也就生硬了点。所以,在消息模块中,是可以点击消息进入聊天页面的。效果图如下:
可以发送文字,图片,表情等内容。作为一个独立的聊天页面,考虑到可能有人想单独复用这个页面。所以将代码提供出来:
chat.vue
{{chater.name}}
-
{{item.cont}}
{{item.card.title}}
-
{{item.cont}}
- {{item.time}}
{{item.char}}
相关关键图标: