{"id":29262452,"url":"https://github.com/fbchen/angular4-weui","last_synced_at":"2025-07-04T10:12:33.646Z","repository":{"id":20527711,"uuid":"89550099","full_name":"fbchen/angular4-weui","owner":"fbchen","description":"Angular-WeUI  =\u003e build with Angular4","archived":false,"fork":false,"pushed_at":"2023-01-06T01:34:28.000Z","size":5093,"stargazers_count":24,"open_issues_count":23,"forks_count":7,"subscribers_count":4,"default_branch":"master","last_synced_at":"2025-06-18T18:01:44.869Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://fbchen.github.io/angular4-weui/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/fbchen.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":".github/CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2017-04-27T03:07:05.000Z","updated_at":"2021-07-09T07:45:58.000Z","dependencies_parsed_at":"2022-08-26T20:00:56.384Z","dependency_job_id":null,"html_url":"https://github.com/fbchen/angular4-weui","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/fbchen/angular4-weui","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fbchen%2Fangular4-weui","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fbchen%2Fangular4-weui/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fbchen%2Fangular4-weui/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fbchen%2Fangular4-weui/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/fbchen","download_url":"https://codeload.github.com/fbchen/angular4-weui/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fbchen%2Fangular4-weui/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":262642959,"owners_count":23341817,"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":[],"created_at":"2025-07-04T10:12:31.374Z","updated_at":"2025-07-04T10:12:33.599Z","avatar_url":"https://github.com/fbchen.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Angular4-WeUI\nAngular4-WeUI 是基于Angular(4.*)实现的、针对手机端(如微信)Web应用开发的UI框架。\n\n[WeUI](https://weui.io/) 是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信内网页和微信小程序量身设计，令用户的使用感知更加统一。\n\n[Angular](https://github.com/angular/angular) is a development platform for building mobile and desktop web applications using Typescript/JavaScript (JS) and other languages.\n\nAngular4-WeUI 是采用Angular对WeUI重写的UI库，包含了全部WeUI官方的CSS组件，如Picker、DatePicker、ActionSheet、Dialog等，通过Angular提供的数据绑定(MVVM)、依赖注入(DI)、标签自定义(Directive)等机制，封装后的WeUI组件更加灵活方便，使开发人员可以更加专注于业务的实现，可以极大减少前端开发时间。\n\n## Install\n\n```bash\nnpm install angular4-weui --save\n```\n\n如果下载速度较慢，可以尝试加入[淘宝 NPM 镜像](http://npm.taobao.org)，以加快模块下载速度。\n\n```bash\nnpm install -g cnpm --registry=https://registry.npm.taobao.org\n```\n\n然后通过cnpm命令来安装：\n```bash\ncnpm install angular4-weui --save\n```\n\n## Quickstart\n\n直接下载本工程，并启动运行查看Demo：\n```bash\ngit clone https://github.com/fbchen/angular4-weui.git\ncd angular4-weui\ncnpm install\n```\n\n下载angular4-weui后，通过开发工具[VSCode](http://code.visualstudio.com/Download)打开安装目录，点击调试“启动程序”，然后在浏览器中输入 http://localhost:4200/ 直接预览效果。\n\n## Usage\n\n```ts\nimport { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { BrowserModule } from '@angular/platform-browser';\n\nimport { WeUIModule } from 'angular4-weui';\n\nimport { AppComponent }   from './app.component';\n\n@NgModule({\n    imports: [\n        FormsModule,\n        BrowserModule,\n        WeUIModule\n    ],\n    declarations: [\n        AppComponent\n    ],\n    providers: [],\n    bootstrap: [ AppComponent ]\n})\nexport class AppModule { }\n```\n\n# Live Example\nOpen Chrome, and visits:\n[https://fbchen.github.io/angular4-weui](https://fbchen.github.io/angular4-weui/index.html)\n\nDemo Project:\n[https://github.com/fbchen/angular4-weui-demo](https://github.com/fbchen/angular4-weui-demo)\n\n\n# License\n\n基于 [MIT](./LICENSE) 协议发布，免费开源\n\n# Contributing\nThanks for your interest in contributing! :tada: Read up on our guidelines for [contributing][contributing] and then look through our issues with a help [help wanted](https://github.com/fbchen/angular4-weui/issues?q=is%3Aopen+is%3Aissue+label%3A%22help+wanted%22)\nlabel.\n\n我们欢迎任何形式的贡献，有任何建议或意见您可以进行 [Pull Request](https://github.com/fbchen/angular4-weui/pulls)，或者给我们 [提问](https://github.com/fbchen/angular4-weui/issues)。\n\n##DONATIONS\n\nIf you find Angular4-WeUI helpful, please consider making a donation (of cash,\nsoftware, or hardware) to support continued work on the project. You can\ndonate through 支付宝/Alipay or 微信/WeChat by scanning qrcodes as follows:\n\n![image](https://github.com/fbchen/angular4-weui/raw/master/.github/images/alipay.jpg)\n![image](https://github.com/fbchen/angular4-weui/raw/master/.github/images/wcpay.jpg)\n\n\n[contributing]: https://github.com/fbchen/angular4-weui/.github/CONTRIBUTING.md\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffbchen%2Fangular4-weui","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ffbchen%2Fangular4-weui","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffbchen%2Fangular4-weui/lists"}