Code Monkey home page Code Monkey logo

vue-wechat's Introduction

基于 Vue.js2.0 高仿微信 App 的单页应用

概述

本项目是使用 Vue.js2.0 框架,搭配样式库WeUI,模仿微信 app 的样式和交互。

项目地址 https://github.com/zhaohaodang/vue-WeChat

扫码体验

https://vue-wechat-6gf4n43f268f8b05-1251265717.ap-shanghai.app.tcloudbase.com

如果你觉得不错想给作者点个赞,可以给项目增加一个 Star ★,项目会被收录在 Your stars 中,方便日后查看。

如果你想时时关注项目动态,可 Watch ⊙ 此项目,github 平台会及时通知你项目的动态。

启动项目

1.克隆代码到本地

git clone https://github.com/zhaohaodang/vue-WeChat.git

2.进入项目路径

cd vue-WeChat

3.安装依赖(安装较慢的话建议使用淘宝镜像)

npm install

4.启动项目

npm run dev

动图预览

微信列表的滑动交互

微信列表的滑动交互

搜素组件的动画效果

搜素组件的动画效果

进入对话框

进入对话框

对话框信息

对话框信息

首页 Tab 切换

首页Tab切换

技术相关

  • vue-WeChat Wiki 中记录了开发此项目需要的知识储备、开发思路、开发利器等。
  • 每个主要的.vue 和.js 文件都有详细的注释提示,建议将仓库 clone 到本地,查看源码。

问题反馈

移步Issues,欢迎提出问题和建议。

推荐

  • vue-see 适用于 Vue.2x 的图片预览插件

vue-wechat's People

Contributors

zhaohaodang avatar

Watchers

 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.