angular4-weui

Angular4-WeUI - a development UI library for building mobile web applications with Angular

Stats

stars 🌟issues ⚠️updated 🛠created 🐣size 🏋️‍♀️
2511Jun 6, 2021Apr 27, 2017Minified + gzip package size for angular4-weui in KB

Readme

Angular4-WeUI

Angular4-WeUI 是基于Angular(4.*)实现的、针对手机端(如微信)Web应用开发的UI框架。

WeUI 是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信内网页和微信小程序量身设计,令用户的使用感知更加统一。

Angular is a development platform for building mobile and desktop web applications using Typescript/JavaScript (JS) and other languages.

Angular4-WeUI 是采用Angular对WeUI重写的UI库,包含了全部WeUI官方的CSS组件,如Picker、DatePicker、ActionSheet、Dialog等,通过Angular提供的数据绑定(MVVM)、依赖注入(DI)、标签自定义(Directive)等机制,封装后的WeUI组件更加灵活方便,使开发人员可以更加专注于业务的实现,可以极大减少前端开发时间。

Install

npm install angular4-weui --save

如果下载速度较慢,可以尝试加入淘宝 NPM 镜像,以加快模块下载速度。

npm install -g cnpm --registry=https://registry.npm.taobao.org

然后通过cnpm命令来安装:

cnpm install angular4-weui --save

Quickstart

直接下载本工程,并启动运行查看Demo:

git clone https://github.com/fbchen/angular4-weui.git
cd angular4-weui
cnpm install

下载angular4-weui后,通过开发工具VSCode打开安装目录,点击调试“启动程序”,然后在浏览器中输入 http://localhost:4200/ 直接预览效果。

Usage

import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { BrowserModule } from '@angular/platform-browser';

import { WeUIModule } from 'angular4-weui';

import { AppComponent }   from './app.component';

@NgModule({
    imports: [
        FormsModule,
        BrowserModule,
        WeUIModule
    ],
    declarations: [
        AppComponent
    ],
    providers: [],
    bootstrap: [ AppComponent ]
})
export class AppModule { }

Live Example

Open Chrome, and visits: https://fbchen.github.io/angular4-weui

Demo Project: https://github.com/fbchen/angular4-weui-demo

License

基于 MIT 协议发布,免费开源

Contributing

Thanks for your interest in contributing! :tada: Read up on our guidelines for contributing and then look through our issues with a help help wanted label.

我们欢迎任何形式的贡献,有任何建议或意见您可以进行 Pull Request,或者给我们 提问

##DONATIONS

If you find Angular4-WeUI helpful, please consider making a donation (of cash, software, or hardware) to support continued work on the project. You can donate through 支付宝/Alipay or 微信/WeChat by scanning qrcodes as follows:

image image

If you find any bugs or have a feature request, please open an issue on github!

The npm package download data comes from npm's download counts api and package details come from npms.io.