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"
]
}