GithubHelp home page GithubHelp logo

vue-telegram's Introduction

前言

vue2仿telegram这个项目我把自己所学的vue大部分知识都用上了,可以说覆盖了vue的大部分知识,通过这项目对vue有了更加深刻的了解以及更灵活的应用。该项目构建时间是2020-07-23开始telegram最新版更新了部分setting编辑个人信息样式时间有限我就不改过来了。由于最近比较忙,后期将加入axios+mock或者axios+后台以及完善该项目。敬请期待!!!

技术栈

脚手架工具 [email protected]

主体:vue + vue-router + vuex + scss +mint ui+mui+es6

其他:better-scroll + animate.css

效果演示

点击查看demo(PC浏览器预览时请切换到手机预览模式同时建议刷新一下再预览)

二维码查看

本地运行项目

git clone https://github.com/xxydrr/vue-telegram.git 

cd vue-telegram

npm install 

npm run serve
或者 
npm run build
node prod.server.js

实现功能

  • 页面展示动画交互

  • 信息发送

  • 分组功能

  • 删除联系人

  • 搜索联系人

  • 用户部分信息修改

  • badge组件响应式更新

  • 消息免打扰

  • 持续完善...

部分屏幕截图

联系人界面

对话界面

对话面板界面

查看以及编辑好友信息

个人设置

License

GPL

vue-telegram's People

Contributors

reeswell avatar

Watchers

James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.