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!
The Demo is synchronize with master
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
Packaged components
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 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);
<!-- 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"
/>
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);
Author: nejinn
Demo: http://nly-adminlte-vue.nejinn.com/
Source Code: https://github.com/nejinn/nly-adminlte-vue
#vue #vuejs #javascript