Giter VIP home page Giter VIP logo

qqlx's Introduction

M聊

技术栈

vue+vuex+vue-router+better-scroll+socket.io+koa2+mongodb+pm2自动化部署+图灵机器人+nginx+linux部署

功能清单

1、注册登录选择头像功能(canvas压缩大图片)

2、即时查看在线离线人员;

3、对聊、下拉加载更多信息、点击查看高清大图可左右滑动

4、群聊、下拉加载更多信息、点击查看高清大图可左右滑动

5、智能机器人对聊、下拉加载更多信息、点击查看高清大图可左右滑动

6、点击头像查看用户信息、可看关注、聊天、查看高清大图;

7、查看文章,支持上拉加载下拉刷新、评论、收藏、关注;

8、进入文章可以评论、回复、收藏、喜欢、点赞;

9、搜索、搜索用户姓名和文章、热门搜索、历史搜索;

10、我的个人中心、查看我的发布、收藏、喜欢的文章;

11、我的个人中心、我的关注、粉丝、评论、回复 私聊

项目目录

E:.
│   .babelrc
│   .editorconfig
│   .gitignore
│   .postcssrc.js
│   index.html
│   package-lock.json
│   package.json
│   README.md
│       
├───build
│       
├───config      
│                      
│           
├───src
│   │   App.vue
│   │   main.js
│   │   
│   ├───assets
│   │   ├───css
│   │   │       base.less
│   │   │       icon.less
│   │   │       index.less
│   │   │       mixin.less
│   │   │       reset.less
│   │   │       variable.less
│   │   │       
│   │   ├───fonts
│   │   │       icomoon.eot
│   │   │       icomoon.svg
│   │   │       icomoon.ttf
│   │   │       icomoon.woff
│   │   │       
│   │   ├───image
│   │   │       logo.png
│   │   │       
│   │   └───js
│   │           appback.js
│   │           history.js
│   │           mixin.js
│   │           util.js
│   │           
│   ├───base
│   │       bubble.vue
│   │       comment.vue
│   │       err.vue
│   │       evaluate.vue
│   │       fileup.vue
│   │       follow.vue
│   │       historyItem.vue
│   │       loading.vue
│   │       message.vue
│   │       nocomment.vue
│   │       nolist.vue
│   │       picture.vue
│   │       return.vue
│   │       scroll.vue
│   │       send.vue
│   │       slider.vue
│   │       toast.vue
│   │       updown.vue
│   │       upload.vue
│   │       vialogList.vue
│   │       
│   ├───components
│   │   │   bgImg.vue
│   │   │   groupItem.vue
│   │   │   listItem.vue
│   │   │   personItem.vue
│   │   │   personlist.vue
│   │   │   search.vue
│   │   │   tab.vue
│   │   │   tbsm.vue
│   │   │   vInput.vue
│   │   │   
│   │   └───messageBox
│   │       │   index.js
│   │       │   message.vue
│   │       │   
│   │       └───assets
│   │               error.svg
│   │               info.svg
│   │               success.svg
│   │               warning.svg
│   │               
│   ├───pages
│   │       article.vue
│   │       common.vue
│   │       dynamic.vue
│   │       fans.vue
│   │       follow.vue
│   │       group.vue
│   │       groupRoom.vue
│   │       login.vue
│   │       me.vue
│   │       message.vue
│   │       myperson.vue
│   │       news.vue
│   │       person.vue
│   │       personal.vue
│   │       photo.vue
│   │       pllist.vue
│   │       replay.vue
│   │       resign.vue
│   │       robot.vue
│   │       room.vue
│   │       searchList.vue
│   │       upUser.vue
│   │       val.vue
│   │       
│   ├───router
│   │       index.js
│   │       
│   └───store
│           actions.js
│           getters.js
│           index.js
│           mutations.js
│           state.js
│           
├───static
│   │   .gitkeep
│   │   
│   └───image
│           006.jpg
│           err.png
│           group.jpg
│           loading.gif
│           loginbg.jpg
│           loginbg1.jpg
│           me.png
│           news.png
│           nocomment.png
│           noList.png
│           preloading.jpg
│           robot.jpg
│           
└───uu     

该项目基础组件20个公共组件10个页面组件23个总共43个组件;

项目概况

注册 登录 页面 发送 群组 朋友圈 查找 我的 返回

微信扫码体验

移动端访问

app下载访问(更好体验请下载app)

app

获取用户名和密码加我qq384434682

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.

qqlx's People

Contributors

tjlhq avatar

Stargazers

 avatar  avatar jasonLaw1015 avatar Konp 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.