An overview of the

This is the source code of an open source project I found in September 2016. I modified the project based on my actual situation. The content will be very different in the future, and the goal of the project is to keep up with QQ

Page effect display

Results show

disclaimer

This project is an open source project. Any similarity is purely coincidental.

The project has implemented functions

Sidebar Contact page Dynamic page information list Search friends chat page information list slide left and rightCopy the code

New features

Added message list delete, mark readable, topCopy the code

There is a problem

Delete event, the triggering area of top event and mark event has shifted, we are investigating the cause, welcome your adviceCopy the code

Note: for development notes, pit filling, and technical stack articles, please visit my gold digger homepage

Desktop and mobile testing

  • Desktop tests:npm run devAfter the openDeveloper tools F12, simulated mobile phone previewCtrl+Shift+M (Chrome)
  • Mobile testing:npm run devOn the cli, enter ipconfig (win) to obtain the LAN IP address

Technology stack

  • vue-cli
  • vue2
  • vue-router
  • vuex
  • axios
  • stylus
  • webpack2

  • muse-ui

    The directory structure

├─ readme.md ├─ Build // Build Services and WebPack Configuration ├─ config // Different environment Settings ├─ dist // Project Build directory ├─ index.html // Project import File ├─ Package. The json / / project configuration file ├ ─ ─ mockdata. Json / / project pseudo data (simulated data) ├ ─ ─ the SRC │ ├ ─ ─ common public / / CSS style | ├ ─ ─ the components / / various components │ ├ ─ ─ Router / / storage routing folder │ ├ ─ ─ vuex / / deposit vuex related │ ├ ─ ─ Muse - UI. Config. Js / / Muse - UI a single set of a loading configuration │ ├ ─ ─ App. Vue / / template file entry │ └ ─ ─ ├─ Static // CSS JS and Image Resources
  # installation
  npm install

  # run (port 8888)
  npm run dev

  # release
  npm run buildCopy the code

This is my github to find an open source project to change the code to practice, improve the vue development ability of the demo

Source address: Github address like to add a star bar!