/vue-wechat

vue模仿wechat项目

Primary LanguageVue

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

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

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