admin-lit
Version:
dashboard ui framework
51 lines (41 loc) • 1.39 kB
Markdown
### 通用样式库解决方案：
================
#### admin-lit
* 基于 adminlte.io改造
* 集成bootstrap-sass基类
* 皮肤可定制，对现在有bootstrap 90%无逢切换
* 主题icon依赖Glyphicons，如果想要使用font Awesome则自行安装
#### 如何使用
```
npm instsall admin-lit
```
#### 主入口sass
```
引用admin-lit，examplate app.scss
@import "~admin-lit/index.scss";
//default skin-blue;
@import "~admin-lit/scss/skins/skin-red"; // 切换皮肤
```
#### 如何切换皮肤？
```
<body class="sidebar-mini skin-blue"> skin-blue为皮肤类
<div class="wrapper" style="height: auto; min-height: 100%;">
<main id="app"></main>
</div>
</body>
```
#### 支持font awesome
```
npm install font-awesome
```
```
// $fa-font-path: '../icons/awesome/';
// @import "~font-awesome/scss/font-awesome.scss";
```
#### 关于icon库
默认我们支持Glyphicons如果想使用font awesome则自行安装
#### QA:
为什么不用官方提供了npm?
官方提供的一整套解决方案，其中全是老的Jquery等方案，而我们只需要其中的样式库，我们的JS组件可以依赖于XIGUA去开发。
为什么不用西瓜样式库?
西瓜样式库布局样式也是基于bootstrap做的变更，由于我们tbms和ntbms同一用的admin样式库，切换起来成本基本为0，所以我们选择admin-lit