{"id":29262453,"url":"https://github.com/fbchen/angular2-weui","last_synced_at":"2025-07-04T10:12:33.589Z","repository":{"id":57179384,"uuid":"78905024","full_name":"fbchen/angular2-weui","owner":"fbchen","description":"Angular-WeUI =\u003e build with Angular2","archived":false,"fork":false,"pushed_at":"2017-03-15T14:20:26.000Z","size":1292,"stargazers_count":22,"open_issues_count":1,"forks_count":3,"subscribers_count":5,"default_branch":"master","last_synced_at":"2025-06-03T17:13:05.448Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://fbchen.github.io/angular2-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-01-14T02:27:57.000Z","updated_at":"2021-05-17T06:57:51.000Z","dependencies_parsed_at":"2022-09-14T02:31:43.895Z","dependency_job_id":null,"html_url":"https://github.com/fbchen/angular2-weui","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/fbchen/angular2-weui","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fbchen%2Fangular2-weui","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fbchen%2Fangular2-weui/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fbchen%2Fangular2-weui/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fbchen%2Fangular2-weui/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/fbchen","download_url":"https://codeload.github.com/fbchen/angular2-weui/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fbchen%2Fangular2-weui/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":263489714,"owners_count":23474529,"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.627Z","updated_at":"2025-07-04T10:12:33.576Z","avatar_url":"https://github.com/fbchen.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Angular2-WeUI\nAngular2-WeUI 是基于Angular2实现的、针对手机端(如微信)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\nAngular2-WeUI 是采用Angular2对WeUI重写的UI库，包含了全部WeUI官方的CSS组件，如Picker、DatePicker、ActionSheet、Dialog等，通过Angular2提供的数据绑定(MVVM)、依赖注入(DI)、标签自定义(Directive)等机制，封装后的WeUI组件更加灵活方便，使开发人员可以更加专注于业务的实现，可以极大减少前端开发时间。\n\n## Install\n\n```bash\nnpm install angular-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 angular-weui --save\n```\n\n## Quickstart\n\n直接下载本工程，并启动运行查看Demo：\n```bash\ngit clone https://github.com/fbchen/angular2-weui.git\ncd angular2-weui\ncnpm install\n```\n\n下载angular-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 'angular-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/angular2-weui](https://fbchen.github.io/angular2-weui/index.html)\n\nDemo Project:\n[https://github.com/fbchen/angular2-weui-demo](https://github.com/fbchen/angular2-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/angular2-weui/issues?q=is%3Aopen+is%3Aissue+label%3A%22help+wanted%22)\nlabel.\n\n我们欢迎任何形式的贡献，有任何建议或意见您可以进行 [Pull Request](https://github.com/fbchen/angular2-weui/pulls)，或者给我们 [提问](https://github.com/fbchen/angular2-weui/issues)。\n\n##DONATIONS\n\nIf you find Angular2-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/angular2-weui/raw/master/.github/images/alipay.jpg)\n![image](https://github.com/fbchen/angular2-weui/raw/master/.github/images/wcpay.jpg)\n\n\n[contributing]: https://github.com/fbchen/angular2-weui/.github/CONTRIBUTING.md\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffbchen%2Fangular2-weui","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ffbchen%2Fangular2-weui","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffbchen%2Fangular2-weui/lists"}