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
Stars: ✭ 44
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 Quill Editor
🍡@quilljs editor component for @vuejs
Stars: ✭ 6,874 (+15522.73%)
Mutual labels: vue-components, vue2
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
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/[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
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].