{"id":13536368,"url":"https://github.com/zhaohaodang/vue-WeChat","last_synced_at":"2025-04-02T03:30:34.987Z","repository":{"id":38361456,"uuid":"82990097","full_name":"zhaohaodang/vue-WeChat","owner":"zhaohaodang","description":":fire: 基于Vue2.0高仿微信App的单页应用","archived":false,"fork":false,"pushed_at":"2023-03-05T11:28:54.000Z","size":6047,"stargazers_count":2103,"open_issues_count":24,"forks_count":559,"subscribers_count":104,"default_branch":"master","last_synced_at":"2025-03-31T09:02:17.004Z","etag":null,"topics":["vue-cli","vue-router","vue2","vuejs2","vuex"],"latest_commit_sha":null,"homepage":"","language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/zhaohaodang.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2017-02-24T01:52:27.000Z","updated_at":"2025-03-28T07:23:46.000Z","dependencies_parsed_at":"2024-01-18T04:08:10.332Z","dependency_job_id":"3f8aea52-d8c6-45c1-ac03-921306447a1a","html_url":"https://github.com/zhaohaodang/vue-WeChat","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zhaohaodang%2Fvue-WeChat","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zhaohaodang%2Fvue-WeChat/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zhaohaodang%2Fvue-WeChat/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zhaohaodang%2Fvue-WeChat/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/zhaohaodang","download_url":"https://codeload.github.com/zhaohaodang/vue-WeChat/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246750771,"owners_count":20827779,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["vue-cli","vue-router","vue2","vuejs2","vuex"],"created_at":"2024-08-01T09:00:37.851Z","updated_at":"2025-04-02T03:30:34.963Z","avatar_url":"https://github.com/zhaohaodang.png","language":"Vue","funding_links":[],"categories":["Vue","Demo示例"],"sub_categories":[],"readme":"# 基于 Vue.js2.0 高仿微信 App 的单页应用\n\n## 概述\n\n本项目是使用 Vue.js2.0 框架，搭配样式库[WeUI](https://weui.io/)，模仿微信 app 的样式和交互。\n\n项目地址 `https://github.com/zhaohaodang/vue-WeChat`\n\n## 扫码体验\n\n![https://vue-wechat-6gf4n43f268f8b05-1251265717.ap-shanghai.app.tcloudbase.com](./public/images/qrcode_vue-wechat.png \"https://vue-wechat-6gf4n43f268f8b05-1251265717.ap-shanghai.app.tcloudbase.com/#/\")\n\n如果你觉得不错想给作者**点个赞**，可以给项目增加一个 Star ★，项目会被收录在 Your stars 中，方便日后查看。\n\n如果你想时时**关注**项目动态，可 Watch ⊙ 此项目，github 平台会及时通知你项目的动态。\n\n## 启动项目\n\n1.克隆代码到本地\n\n```\ngit clone https://github.com/zhaohaodang/vue-WeChat.git\n```\n\n2.进入项目路径\n\n```\ncd vue-WeChat\n```\n\n3.安装依赖（安装较慢的话建议使用淘宝镜像）\n\n```\nnpm install\n```\n\n4.启动项目\n\n```\nnpm run dev\n```\n\n## 动图预览\n\n**微信列表的滑动交互**\n\n![微信列表的滑动交互](./public/images/gif/msg-operate.gif)\n\n**搜素组件的动画效果**\n\n![搜素组件的动画效果](./public/images/gif/search-active.gif)\n\n**进入对话框**\n\n![进入对话框](./public/images/gif/enter-dialogue.gif)\n\n**对话框信息**\n\n![对话框信息](./public/images/gif/dialogue-operate.gif)\n\n**首页 Tab 切换**\n\n![首页Tab切换](./public/images/gif/tab-switch.gif)\n\n## 技术相关\n\n- [vue-WeChat Wiki](https://github.com/zhaohaodang/vue-WeChat/wiki) 中记录了开发此项目需要的知识储备、开发思路、开发利器等。\n- 每个主要的.vue 和.js 文件都有详细的**注释**提示，建议将仓库 `clone` 到本地，查看源码。\n\n## 问题反馈\n\n移步[Issues](https://github.com/zhaohaodang/vue-WeChat/issues)，欢迎提出问题和建议。\n\n## 推荐\n\n- [vue-see](https://github.com/zhaohaodang/vue-see) 适用于 Vue.2x 的图片预览插件\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzhaohaodang%2Fvue-WeChat","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fzhaohaodang%2Fvue-WeChat","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzhaohaodang%2Fvue-WeChat/lists"}