All Projects → nejinn → Nly Adminlte Vue

nejinn / Nly Adminlte Vue

Licence: mit
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

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Nly Adminlte Vue

Vue Framework Wz
👏vue后台管理框架👏
Stars: ✭ 3,757 (+8438.64%)
Mutual labels:  vue-cli, vue-components, vue2, vue-admin
Vue Admin
基于Vue2、element ui、vue-cli、vuex、vue-router、axios 、echarts后台管理系统demo. 权限管理,用户管理,菜单管理。无限级菜单,下拉树形选择框
Stars: ✭ 1,135 (+2479.55%)
Mutual labels:  vue-cli, vue2, vue-admin
Vue Admin Beautiful
🚀🚀🚀vue3 admin,vue3.0 admin,vue后台管理,vue-admin,vue3.0-admin,admin,vue-admin,vue-element-admin,ant-design,vue-admin-beautiful-pro,vab admin pro,vab admin plus主线版本基于element-plus、element-ui、ant-design-vue三者并行开发维护,同时支持电脑,手机,平板,切换分支查看不同的vue版本,element-plus版本已发布(vue3,vue3.0,vue,vue3.x,vue.js)
Stars: ✭ 10,968 (+24827.27%)
Mutual labels:  vue-cli, adminlte, vue-admin
Vue Objccn
🔥 Use Vue.js to develop a cross-platform full stack application / 用 Vue.js 开发的跨三端应用
Stars: ✭ 1,993 (+4429.55%)
Mutual labels:  vue-cli, vue-components, vue2
Awesome Uikit
Collect JS Frameworks, Web components library and Admin Template.
Stars: ✭ 1,136 (+2481.82%)
Mutual labels:  vue-components, bootstrap4, vue-admin
Vuemmerce
👉 Responsive ecommerce template 🛒 built with Vue.js and Nuxt.js
Stars: ✭ 223 (+406.82%)
Mutual labels:  vue-cli, vue-components, vue2
Github Ranking
🔍GitHub不同语言热门项目排行,Vue.js做页面展示
Stars: ✭ 160 (+263.64%)
Mutual labels:  vue-cli, vue2, css3
there-are-lots-of-people-in-Baiyun-airport
挑战杯 - 广州白云机场人流量时空分布预测系统 - 前端
Stars: ✭ 14 (-68.18%)
Mutual labels:  vue-cli, bootstrap4, vue2
cuida
A design system built by Sysvale, using storybook and Vue components
Stars: ✭ 16 (-63.64%)
Mutual labels:  vue-components, bootstrap4, vue2
vue-admin-better
🚀🚀🚀vue admin,vue3 admin,vue3.0 admin,vue后台管理,vue-admin,vue3.0-admin,admin,vue-admin,vue-element-admin,ant-design,vue-admin-beautiful-pro,vab admin pro,vab admin plus,vue admin plus,vue admin pro
Stars: ✭ 12,962 (+29359.09%)
Mutual labels:  adminlte, vue-cli, vue-admin
vue2
【🔥Vue.js资讯📚】目前web前端开发非常火爆的框架;定时更新,欢迎 Star 一下。
Stars: ✭ 415 (+843.18%)
Mutual labels:  vue-cli, vue-components, vue2
Vue2
【🔥Vue.js资讯📚】目前web前端开发非常火爆的框架;定时更新,欢迎 Star 一下。
Stars: ✭ 395 (+797.73%)
Mutual labels:  vue-cli, vue-components, vue2
Vue Music Player
🎵Vue.js写一个音乐播放器+📖One(一个).A music player + One by Vue.js
Stars: ✭ 729 (+1556.82%)
Mutual labels:  vue2, css3
Vuejs Paginate
A Vue.js(v2.x+) component for creating pagination.
Stars: ✭ 697 (+1484.09%)
Mutual labels:  vue-components, vue2
Vue Emoji
An emoji component for vue2.0
Stars: ✭ 39 (-11.36%)
Mutual labels:  vue-components, vue2
Vue Quill Editor
🍡@quilljs editor component for @vuejs
Stars: ✭ 6,874 (+15522.73%)
Mutual labels:  vue-components, vue2
Atui
A Vue.js 2.0 UI Toolkit for Web
Stars: ✭ 674 (+1431.82%)
Mutual labels:  vue-components, vue2
Vue Snotify
Vuejs 2 Notification Center
Stars: ✭ 755 (+1615.91%)
Mutual labels:  vue-components, vue2
Vue Pokedex
A Pokédex made with Vue.js 📕
Stars: ✭ 22 (-50%)
Mutual labels:  vue-cli, vue-components
Vue Qq
🎨 Vue family bucket with socket.io and express/koa2 , create a web version of mobile QQ, supporting real-time group chat, real-time private chat, special care, shielding chat, smart IP geographic location, real-time display temperature and other QQ core functions
Stars: ✭ 861 (+1856.82%)
Mutual labels:  vue2, css3


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
<!-- vue -->
<script src="//unpkg.com/[email protected]/dist/vue.min.js"></script>

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

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

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

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

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

<!-- fontawesome icon 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

bootstrapVue

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].