nly-adminlte-vue

1. nly-adminlte-vue

• 1. nly-adminlte-vue
  • 1.1. 进度
    • 1.1.1. 组件
    • 1.1.2. 指令
  • 1.2. 使用
    • 1.2.1. 可以直接clone下载项目
    • 1.2.2. 从npm下载
• 感谢

nly-adminlte-vue是一个基础adminlte3封装的vue组件库。干掉jq，让vue更好的使用adminlte3。

欢迎贡献代码

欢迎加群交流 QQ群：927568606

1.1. 进度

目前已经封装完成

1.1.1. 组件

• 皮肤 theme
• 折叠板 collapse
• 导航栏 navbar
• 导航 nav
• 栅格布局 grid row col
• 容器 container
• 正文容器 content
• 包装容器 wrapper
• 文字路由 link
• 按钮 button
• 开关 switch
• 卡片 card
• 小标签 badge
• 下拉菜单 dropdown
• 图标 icon
• 右侧收缩板 control-sidebar
• 罩层 overlay
• 弹框消息 toast
• 旋转loading spinner
• 进度条 progress
• 时间轴 timeline
• 面包屑导航 breadcrumb
• 信息箱 infobox
• 表格 table 表格是bootstrapVue的组件。传送门bootstrapVue
• 提示工具 tooltip
• 分页 paginaton
• 渲染函数 renderfunction 根据数组渲染整个页面的组件

1.1.2. 指令

• 左侧导航栏收起指令 v-nly-sidebar-collapse
• 右侧收缩版收起指令 v-nly-control-sidebar-collapse
• 卡片最大化指令 v-nly-card-maximized
• 折叠版收起展开指令 v-nly-toggle
• 提示工具指令 v-nly-tooltip

1.2. 使用

1.2.1. 可以直接clone下载项目

git clone https://github.com/nejinn/nly-adminlte-vue.git

npm install 

npm run server

// 查看example，所有组件demo都在这里
http://localhost:8080

1.2.2. 从npm下载

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 } from "nly-adminlte-vue";
Vue.use(NlyAdminlteVue);

感谢

bootstrapVue