@changfeng/nly-adminlte-vue
v0.7.9-fix.8
Published
nly adminlte3 components
Downloads
18
Maintainers
Keywords
Readme
English README || 中文 README
nly-adminlte-vue
nly-adminlte-vue is based on adminlte3 vue2.js, not need JQ
Welcome to communicating with QQ:927568606
This is a Alpha Version,Some prop perhaps deprecated in new Version, user caution!
Demo
The Demo is synchronize with master
uusername: admin passowrd:123456
Docs
Note : 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
Install
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-dev
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);
- CDN
<!-- vue -->
<script src="//unpkg.com/vue@latest/dist/vue.min.js"></script>
<!-- nly-adminlte-vue JS-->
<script src="//unpkg.com/nly-adminlte-vue@latest/dist/nly-adminlte-vue.umd.js"></script>
<!-- import nly-adminlte-vue CSS -->
<link
type="text/css"
rel="stylesheet"
href="//unpkg.com/nly-adminlte-vue@latest/dist/nly-adminlte-vue.css"
/>
<!-- adminlte3 CSS -->
<link
type="text/css"
rel="stylesheet"
href="//unpkg.com/nly-adminlte-vue@latest/dist/adminlte/css/adminlte.css"
/>
<!-- nly-adminlte-vue-icon JS-->
<script src="//unpkg.com/nly-adminlte-vue@latest/dist/nly-adminlte-vue-icon.umd.js"></script>
<!-- nlyfont icon CSS -->
<link
type="text/css"
rel="stylesheet"
href="//unpkg.com/nly-adminlte-vue@latest/dist/adminlte/icon/iconfont.css"
/>
<!-- fontawesome icon CSS -->
<link
type="text/css"
rel="stylesheet"
href="//unpkg.com/nly-adminlte-vue@latest/dist/adminlte/fontawesome-free/css/all.css"
/>
- 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);