ngx-uikit 基于UIkit | UIkit中文网 的 Angular UI 组件库,主要用于研发企业级中后台产品。全部代码开源并遵循 MIT 协议,任何企业、组织及个人均可免费使用。
ngx-uikit 与 @angular/core 保持相同的主版本号,目前支持 Angular ^6.0.0 版本。
- Angular
^6.0.0 - 现代浏览器,以及 Internet Explorer 11+
使用 @angular/cli 工具链安装,不包含$。
$ ng new PROJECT_NAME
$ cd PROJECT_NAME
$ ng add ngx-uikit使用npm安装
$ npm i ngx-uikit --save在每一个需要使用组件的 module 中引入 NgxUikitModule。
import { NgxUikitModule } from 'ngx-uikit';
@NgModule({
imports: [ NgxUikitModule ]
})
export class AppModule {
}然后在 angular.json 文件中引入样式和 SVG icon 资源。
{
"assets": [
+ {
+ "glob": "**/*",
+ "input": "./node_modules/ngx-uikit/src/icons/",
+ "output": "/assets/"
+ }
],
"styles": [
+ "node_modules/ngx-uikit/src/ngx-uikit.min.css"
]
}