Vue>> vue-wechat>> 返回
项目作者： Jonathan143

项目描述 ：
vue模仿wechat项目
高级语言： Vue
项目地址: git://github.com/Jonathan143/vue-wechat.git
创建时间： 2018-11-26T14:10:16Z
项目社区：https://github.com/Jonathan143/vue-wechat
开源协议：
下载


wechat

A Vue.js project

主要特性

  • 界面布局大致模仿微信
  • 聊天页面,自动回复调用一言API
  • 聊天页面聊天记录采用 localstorage 存储，页面关闭后会自动清空 localstorage 存储；
  • 我的栏目里的相册栏，相册功能里的图片均来自干货集中营,调用干货集中营API；滚动无限加载
  • 使用vue-lazyload插件，实现图片懒加载；
  • 朋友圈顶部封面为必应每日美图，每日动态更换；
  • …

更新日志

  • 2018/12/10 修复聊天界面小bug,添加时间显示，1分钟间隔，超过1分钟发消息，动态添加时间模块，时间当前发消息时间；
  • 2018/12/09 更新，支持聊天回复，聊天回复调用一言 api 接口，聊天记录采用 localstorage 存储；
  • 2018/11/28 上传至 github；
  • 2018/11/08 初建项目；

效果图

  • w1
  • w2
  • w3
  • w4
  • w5

联系我

鸣谢

  • Vue.js
  • axios
  • vue-lazyload
  • sass
  • Muse-ui
  • hitokoto - 一言
  • 干货集中营

Build Setup

  1. # install dependencies
  2. npm install
  4. # serve with hot reload at localhost:8080
  5. npm run dev
  7. # build for production with minification
  8. npm run build
  10. # build for production and view the bundle analyzer report
  11. npm run build --report

For a detailed explanation on how things work, check out the guide and docs for vue-loader