Package Exports

nly-adminlte-vue

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (nly-adminlte-vue) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

nly-adminlte-vue

因为很多人用vue封装adminlte的时候，都会引入jq，一句话，用jq就没必要用vue。还会出现各种页面打开jq都没挂载上，尤其是单页面的时候特别明显。 github上很多adminlte-vue都是引入jq封装的。jq操作dom跟vue有本质区别，我是这样认为的。因为vue精髓是数据驱动所以封装了nly-adminlte-vue。 nly-adminlte-vue是一个基础adminlte3封装的vue组件库。干掉jq，让vue更好的使用adminlte3。

进度

目前已经封装完成

组件

皮肤 theme
折叠板 collapse
导航栏 navbar
导航 nav
栅格布局 grid row col
容器 container
包装容器 warpper
文字路由 link
按钮 button
开关 switch
卡片 card
小标签 badge
下拉菜单 dropdown
图标 icon
右侧收缩板 control-sidebar
罩层 overlay

指令

左侧导航栏收起指令 v-nly-sidebar-collapse
右侧收缩版收起指令 v-nly-control-sidebar-collapse
卡片最大化指令 v-nly-card-maximized

使用

可以直接clone下颌骨项目

git clone https://github.com/nejinn/nly-adminlte-vue.git

npm install 

npm run server

http://localhost:8080

从npm下载

npm install nly-adminlte-vue

import "nly-adminlte-vue/dist/adminlte/css/adminlte.css";
import "nly-adminlte-vue/dist/adminlte/fontawesome-free/css/all.css";
import "nly-adminlte-vue/dist/adminlte/icon/iconfont.css";
import { NlyAdminlteVue } from "nly-adminlte-vue";
Vue.use(NlyAdminlteVue);