nejinn / nly-adminlte-vue

vuejs2 AdminLte3 template more than 50 components and 10 directives.such as collapse ,sidebar,container,infobox,breadcrumb,card,grid,dropdown,toast,navbar,timeline,icon,progress

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

admin-demo

uusername: admin passowrd:123456

components-demo

components-demo

Docs

nly-daminlte-vue-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);

Thanks

nly-adminlte-vue's Issues

nly-infobox-body组件number属性只能传字符串

nly-infobox-body 组件number属性只能传字符串，传数字则会报
val.replace is not a function

router-link is deprecated

vue js throws following error:
<router-link>'s tag prop is deprecated and has been removed in Vue Router 4. Use the v-slot API to remove this warning: https://next.router.vuejs.org/guide/migration/#removal-of-event-and-tag-props-in-router-link.

sidebar-nav-item与sidebar-nav-tree中的icon可否增加slot？

在使用nuxtjs的fontawesome module时图标是预编译为svg的，无法在icon属性中使用，可否增加slot进行自定义内容

can I do table with some column with out border？

can I do table with some column with out border？

再封装个table的插件就完美了。

比如，datatables或者bootstraptable都行。
我目前还没翻到好用的。感谢！

keep side-nav collapsed during start

Hi there,

how to keep the sidebar closed during first render?