Vuejs2 AdminLte3 template more than 50 components and 10 directives

Overview


build result current version vue version adminlte version package quality package LICENSE downloads collaborators


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
">

<script src="//unpkg.com/[email protected]/dist/vue.min.js">script>


<script src="//unpkg.com/[email protected]/dist/nly-adminlte-vue.umd.js">script>


<link
  type="text/css"
  rel="stylesheet"
  href="//unpkg.com/[email protected]/dist/nly-adminlte-vue.css"
/>


<link
  type="text/css"
  rel="stylesheet"
  href="//unpkg.com/[email protected]/dist/adminlte/css/adminlte.css"
/>


<script src="//unpkg.com/[email protected]/dist/nly-adminlte-vue-icon.umd.js">script>


<link
  type="text/css"
  rel="stylesheet"
  href="//unpkg.com/[email protected]/dist/adminlte/icon/iconfont.css"
/>


<link
  type="text/css"
  rel="stylesheet"
  href="//unpkg.com/[email protected]/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

jetbrains logo jetbrains logo
You might also like...
Dashboard starter template built with Vite, Vue 3, Tailwind CSS and TypeScript.
Dashboard starter template built with Vite, Vue 3, Tailwind CSS and TypeScript.

Dashboard starter template built with Vue 3 and Tailwind CSS.

Free and Beautiful Vue 3 Admin Template
Free and Beautiful Vue 3 Admin Template

Free and beautiful Vue.js admin template with 44+ custom UI components. Developed by Epicmax. Designed by Vasili Savitski Based on Vuestic UI library.

Vuero Vue3: Multipurpose Admin and Webapp Template

Vuero Vue3 - Multipurpose Admin and Webapp Template Getting started First of all, Thank you so much for purchasing this template and for being our loy

Vue-CLI Boilerplate based on Nuxt and vue-material-admin template.

Nuxt Material Admin Nuxt.js + vue-material-admin boilerplate. This template is based on Vuetify. Demo This a static version generated by Nuxt.js and h

A free and beautiful Quasar template for CRM needs built with vue.js
A free and beautiful Quasar template for CRM needs built with vue.js

Quasar Admin CRM Template A free and beautiful Quasar template for CRM needs. This template also includes a variety of features that are required for

Vuejs-dashboard - A dashboard template with VueJS and Fastify
Vuejs-dashboard - A dashboard template with VueJS and Fastify

VueJS dashboard template (api & client) A simple dashboard template using MongoD

Windzo a free open source dashboard admin template, using vue js and tailwind css framework
Windzo a free open source dashboard admin template, using vue js and tailwind css framework

Windzo Dashboard Admin this dashboard app on development fork this repo for new commit update 😁 Windzo is a free open source dashboard admin template

A project template by vue3 and element-plus
A project template by vue3 and element-plus

A project template by vue3 and element-plus

Agency Landing page Template Build with Tailwind CSS, vite, and vue 3, shapes with RTL Languages Support.
Agency Landing page Template Build with Tailwind CSS, vite, and vue 3, shapes with RTL Languages Support.

Agency Landing page Template Build with Tailwind CSS, vite, and vue 3, shapes with RTL Languages Support.

Comments
  • router-link is deprecated

    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.

    documentation wontfix 
    opened by maltegrosse 1
  • [Snyk] Upgrade overlayscrollbars-vue from 0.2.2 to 0.3.0

    [Snyk] Upgrade overlayscrollbars-vue from 0.2.2 to 0.3.0

    This PR was automatically created by Snyk using the credentials of a real user.


    Snyk has created this PR to upgrade overlayscrollbars-vue from 0.2.2 to 0.3.0.

    :information_source: Keep your dependencies up-to-date. This makes it easier to fix existing vulnerabilities and to more quickly identify and fix newly disclosed vulnerabilities when they affect your project.


    • The recommended version is 1 version ahead of your current version.
    • The recommended version was released 22 days ago, on 2022-06-01.
    Release notes
    Package name: overlayscrollbars-vue
    • 0.3.0 - 2022-06-01
    • 0.2.2 - 2020-04-05
    from overlayscrollbars-vue GitHub release notes

    Note: You are seeing this because you or someone else with access to this repository has authorized Snyk to open upgrade PRs.

    For more information:

    🧐 View latest project report

    🛠 Adjust upgrade PR settings

    🔕 Ignore this dependency or unsubscribe from future upgrade PRs

    opened by nejinn 0
  • Update https://registry.npm.taobao.org to https://registry.npmmirror.com

    Update https://registry.npm.taobao.org to https://registry.npmmirror.com

    Update https://registry.npm.taobao.org to https://registry.npmmirror.com, For more info please refer to https://zhuanlan.zhihu.com/p/430580607. This is an automated PR by @npmmirror (Which is a bot maintained by 8d6e8cefe5a7e3202364ec2c48db03fcc544218cf70100bf65d2ed2df5cc83da).

    opened by npmmirror 0
Releases(0.7.9)
  • 0.7.9(Dec 20, 2020)

  • 0.7.6(Dec 17, 2020)

  • 0.7.5(Dec 17, 2020)

  • 0.7.4(Dec 9, 2020)

    • ADD

      • 给表格 nly-table 添加冻结列功能

        • 左侧冻结
        • 右侧冻结
        • 自有冻结
        • 给badge添加outline式样,
      • Badge 新增式样

        • dashed式样
        • solid 式样
      • 新增 form-tags组件

    • BUG

      • 修改已知bug
    • Docs

      • 完善文档
    Source code(tar.gz)
    Source code(zip)
  • 0.7.3(Dec 1, 2020)

    新增:

    • 给表格 nly-table 添加冻结列功能

      • 左侧冻结
      • 右侧冻结
      • 自有冻结
    • 给badge添加outline式样,

      • dashed式样
      • solid 式样
    • 新增 form-tags组件

    Source code(tar.gz)
    Source code(zip)
  • 0.7.2(Nov 28, 2020)

    1. 已完成组件
    • badge (徽章)
    • button (按钮)
    • button-group (按钮组)
    • bootstrap-pagination (分页)
    • pagination (分页)
    • breadcrumb (面包屑导航)
    • card (卡片)
    • collapse (折叠版)
    • container (容器)
    • content (正文布局组件)
    • control-sideber (右侧滑板)
    • dropdown (下拉菜单)
    • form (表单)
    • form-check (复选框)
    • form-daterangepicker (范围日期选择器)
    • form-group (表单组)
    • form-input (输入框)
    • form-radio (单选框)
    • form-select (下拉选择框)
    • grid(栅格布局)
    • icons (图标)
    • info-box (信息箱子)
    • input-group (输入框组)
    • link (a标签)
    • list-group (列表组)
    • log (日志组件)
    • modal (对话框)
    • nav (导航)
    • navbar (导航栏)
    • overlay (罩层)
    • popover (弹出框)
    • progress (进度条)
    • render-function (jsx 渲染组件)
    • sidebar (左侧导航栏)
    • spinner (微调)
    • switch (开关)
    • table (表格)
    • tabs (切换卡)
    • timeline (时间轴)
    • toast (土司提示)
    • tooltip (浮动提示框)
    • wrapper (wrapper 布局组件)

    2 已完成指令

    • v-nly-card-maximized (card 卡片最大化指令)
    • v-nly-modal (对话框指令)
    • v-nly-popover (弹出框指令)
    • v-nly-scrollspy (滚动激活导航指令)
    • v-nly-sidebar-collapse (收起左侧导航栏指令)
    • v-nly-control-sideber-collapse (收起右侧导航栏指令)
    • v-nly-toggle (切换指令)
    • v-nly-tooltip (浮动提示指令)
    Source code(tar.gz)
    Source code(zip)
Owner
姚欣
欣哥门下走狗
姚欣
Star Admin Vue Admin Template is a free admin template based on Bootstrap 4 and Vue.js.

Star Admin Vue Admin is a free admin template based on Bootstrap 4 and Vue.js.

BootstrapDash 310 Dec 25, 2022
A free Vue admin dashboard template pack featuring a modern design system and lots of custom templates and components.

Shards Dashboard Vue A free Vue admin dashboard template pack featuring a modern design system and lots of custom templates and components. ✨ Note: Yo

DesignRevision 386 Dec 30, 2022
A simple Laravel 8 + Vue 2 + AdminLTE 3 based Curd Starter template for SPA ApplicationA simple Laravel 8 + Vue 2 + AdminLTE 3 based Curd Starter template for SPA Application

Laravel+Vue Crud Starter About Repository A very simple Laravel 8 + Vue 2 + AdminLTE 3 based Curd Starter template for SPA Application. Tech Specifica

Moiz Chauhdry 9 Apr 23, 2022
Tauri-vue3-vuetify3-template - Power by tauri add vue3 vuetify3 typescript cross platform gui template

First EVN 1、install cargo curl https://sh.rustup.rs -sSf | sh 2、install cargo-ta

庄文达 4 Oct 25, 2022
Vuetiful-components - Let's Practice making Components with Vue & Yarn berry🙆🏻‍♀️

vuetiful-components Project setup yarn install Compiles and hot-reloads for development yarn serve Compiles and minifies for production yarn build

Jaeyoung Hwang 0 Jan 9, 2022
vue-pure-admin is a free and open source middle and back-end template.

vue-pure-admin is a free and open source middle and back-end template. Using the latest vue3, vite2, TypeScript, Element-Plus and other mainstream technology development, the out-of-the-box middle and back-end front-end solutions can also be used for learning reference.

啝裳 6k Jan 8, 2023
A Free And Open Source Admin Template Kit Using Vue And Vite

ABT:admin base template English | 中文 Introduction admin-base-template is a free and open source admin template kit. using vite2. Technology stack is V

Tech轩_ 8 Nov 30, 2022
Laputa IOT Platform Admin is a free and open source middle and back-end template.

Laputa IOT Platform Admin based in Vue3.0 typescript English | 中文 Introduction Laputa IOT Platform Admin is a free and open source middle and back-end

Sommer Jiang 4 Sep 30, 2022
Nuxt version of Mazer - Free Bootstrap 5 Admin Dashboard Template and Landing Page

Mazer is a Admin Dashboard Template that can help you develop faster. Made with Bootstrap 5. No jQuery dependency.

Muhammad Fauzan 62 Jan 3, 2023
Free Quasar Admin Template based on Vue.js and used Quasar Framework.

Free Quasar Admin Template based on Vue.js and used Quasar Framework.

Pratik Patel 590 Dec 30, 2022