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
English README || 中文 README
1. nly-adminlte-vue
nly-adminlte-vue是一个基于adminlte3封装的vue组件库。干掉jq，让vue更好的使用adminlte3。
欢迎加群交流 QQ群：927568606
目前版本为测试版本，欢迎体验更新代码。可能会 存在新版本不兼容旧版本prop的情况，请注意
2. Demo
The Demo is synchronize with master
3. Docs
注意 : The documentation has not been completely migrated to the website. If there is no document on the website, you can view it in the README.md under the corresponding component folder.
We also can view docs localhost with npm run docs-dev. docs-dev
4. Progress
Packaged components
4.1. Component
- theme
- collapse
- navbar
- nav
- grid row col
- container
- content
- wrapper
- link
- button
- switch
- card
- badge
- dropdown
- icon
- control-sidebar
- overlay
- toast
- spinner
- progress
- timeline
- breadcrumb
- infobox
- table
- tooltip
- paginaton
- renderfunction
- form
- input
- feedback
- log
- list-group
- modal
- tabs
- form-group
- popover
- input-group
4.2. Directives
- v-nly-sidebar-collapse
- v-nly-control-sidebar-collapse
- v-nly-card-maximized
- v-nly-toggle
- v-nly-tooltip
- v-nly-modal
- v-nly-scrollspy
- v-nly-popover
- v-nly-toggle
4.3. Install
4.3.1. clone from Github
git clone https://github.com/nejinn/nly-adminlte-vue.git
npm install
npm run serve
// view example
http://localhost:8080
// view local docs
npm run docs-dev4.3.2. npm
- import all
npm install nly-adminlte-vue
main.js
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 "nly-adminlte-vue/dist/nly-adminlte-vue.css";
import { NlyAdminlteVue, NlyAdminlteVueIcons } from "nly-adminlte-vue";
Vue.use(NlyAdminlteVue);
Vue.use(NlyAdminlteVueIcons);- import one
Just like nly-badge
import { NlyBadge } from "nly-adminlte-vue";
Vue.component('nly-badge', NlyBadge)import Plugin
import { badgePlugin } from "nly-adminlte-vue";
Vue.use(badgePlugin);