All Projects → lvzhenbang → Vue2 Qq

lvzhenbang / Vue2 Qq

一个基于兴趣,为了学习,提高能力的项目

Programming Languages

stylus
462 projects

Projects that are alternatives of or similar to Vue2 Qq

Vue Cnode
🔥Vue.js打造一个开源的CNode社区。CNode by Vue.js
Stars: ✭ 249 (+176.67%)
Mutual labels:  axios, vuex2, vuejs2, vue-router
basic-transport-info-app
A progressive web app to show direct & indirect buses / transport between two places / cities / stops .Show next schedule & travel duration. Algorithm to calculate indirect buses on basis of their schedule time. Voice search . Locate nearest city/stop by gps. Bus timetable.
Stars: ✭ 12 (-86.67%)
Mutual labels:  vuejs2, vue-router, vuex2
jooger.me
👍 My personal website,powered by @nuxt
Stars: ✭ 39 (-56.67%)
Mutual labels:  vuejs2, axios, vue-router
Vuejs Firebase Shopping Cart
Shopping cart demo using Vuejs and Firebase
Stars: ✭ 274 (+204.44%)
Mutual labels:  vuex2, vuejs2, vue-router
Vue Axios Github
Vue 全家桶 + axios 前端实现登录拦截、登出、拦截器等功能
Stars: ✭ 2,622 (+2813.33%)
Mutual labels:  axios, vuejs2, vue-router
cloudMusic
(移动端)Vue2.0+Nodejs网易云音乐,网易云音乐api强力驱动,高音质破解(持续更新中)
Stars: ✭ 14 (-84.44%)
Mutual labels:  axios, vue-router, vuex2
Vue Home
🏠 A simple project(Vue Community SPA) which bases on vue+vue-cli+vue-router+axios+ scss.
Stars: ✭ 256 (+184.44%)
Mutual labels:  axios, vuejs2, vue-router
Vue Visualization
Vue 结合 D3.js 进行数据可视化开发的练手案例
Stars: ✭ 125 (+38.89%)
Mutual labels:  axios, vuejs2, vue-router
Vue Music
cloud-music(网易云音乐)
Stars: ✭ 500 (+455.56%)
Mutual labels:  axios, vuejs2, vue-router
Vue Blog
A single-user blog built with vue2, koa2 and mongodb which supports Server-Side Rendering
Stars: ✭ 586 (+551.11%)
Mutual labels:  axios, vuex2, vue-router
Vue Music Player
🎵Vue.js写一个音乐播放器+📖One(一个).A music player + One by Vue.js
Stars: ✭ 729 (+710%)
Mutual labels:  axios, vuejs2, vue-router
Vue Cnode
基于vue2 + vue-router + vuet + ES6 + less + flex.css重写vue版cnode社区,使用webpack2打包
Stars: ✭ 1,134 (+1160%)
Mutual labels:  vuex2, vuejs2, vue-router
Toucan
Boilerplate template using Vue.js, TypeScript and .NET Core 2.1, based on SOLID design principles
Stars: ✭ 215 (+138.89%)
Mutual labels:  axios, vuex2, vuejs2
Vue Admin Manager
整合 vue,element,echarts,video,bootstrap(AdminLTE),admin等,搭建的后台管理系统
Stars: ✭ 153 (+70%)
Mutual labels:  axios, vuex2, vuejs2
Manhuaren
vue2.0全家桶,仿漫画人官网(移动端)
Stars: ✭ 18 (-80%)
Mutual labels:  vuex2, vuejs2, vue-router
skr
🏆 Blog with manager (vue&ssr)
Stars: ✭ 16 (-82.22%)
Mutual labels:  vuejs2, axios, vue-router
Vue Project
基于vue-cli构建的财务后台管理系统(vue2+vuex+axios+vue-router+element-ui+echarts+websocket+vue-i18n)
Stars: ✭ 301 (+234.44%)
Mutual labels:  axios, vuejs2, vue-router
Vue Chat
👥Vue全家桶+Socket.io+Express/Koa2打造一个智能聊天室。
Stars: ✭ 887 (+885.56%)
Mutual labels:  vuex2, vuejs2, vue-router
Laravel Vue
This application is test and implemented by Laravel 5.4 and Vue.js 2.
Stars: ✭ 46 (-48.89%)
Mutual labels:  axios, vuejs2, vue-router
Simple Todo Tutorial
Simple todo app built with Vue 2.0 and Vuex 2.0
Stars: ✭ 62 (-31.11%)
Mutual labels:  vuex2, vuejs2

vue2-demo————基于Vue2实现的单页面应用

概述

这是一个16年9月份找的开源项目源代码,结合自己的实际情况进行的修改项目,以后内容将会有很大的不同,项目的目标是向QQ看齐。

效果演示图

效果图

免责声明

本项目为开源项目,如有类同,纯属巧合。

项目已实现功能

侧边栏
联系页面
动态页面
信息列表
搜索好友
对话页面
信息列表左右滑动

新增加功能

增加了信息列表的删除,
标记可读,
置顶

存在问题

删除事件,置顶事件和标记事件的触发区域发生了位移,不知道原因,正在排查

注:项目的开发注意事项,填坑,以及技术栈等相关文章请访问我的掘金个人主页

桌面及移动端测试

  • 桌面测试: npm run dev 后,打开***开发者工具*** F12,模拟手机预览 Ctrl+Shift+M (Chrome)
  • 移动端测试: npm run dev 后,在cmd命令行中输入ipconfig(win)获取到局域网内ip地址

技术栈

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

目录结构

  .
  ├── README.md
  ├── build                 // 构建服务和webpack配置
  ├── config                // 项目不同环境的配置
  ├── dist                  // 项目build目录
  ├── index.html            // 项目入口文件
  ├── package.json          // 项目配置文件
  ├── mockdata.json         // 项目伪数据(模拟数据)
  ├── src
  │   ├── common            // 公用的css样式
  │   ├── components        // 各种组件
  │   ├── router            // 存放路由的文件夹
  │   ├── vuex	            // 存放Vuex的相关
  │   ├── muse-ui.config.js // muse-ui单组件加载配置
  │   ├── App.Vue           // 模板文件入口
  │   └── main.js           // Webpack 预编译入口
  ├── static                // css js 和图片资源

运行这个项目

# 安装
npm install

# 运行(端口8888)
npm run dev

# 发布
npm run build

LICENSE

MIT

Copyright (c) 2017.9-present, Zhenbang Lv

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].