vue 封裝 Adminlte3組件庫，非jq。

以前找了一下vue關於adminlte3的組件庫，github大部分都是2的。比較老了，都是幾年前更新的。有adminlte3的，可是都只封裝了一兩個組件，並且竟然還引入jq，而後一股腦把adminlte3的html代碼複製進去，這樣就成了一個組件。感受沒啥用。感受是那些做者在練手。
vue引入jq我以爲真的不必，會產生不少bug，可能能夠解決，可是我以前遇到過引入jq出現單頁面進入以後jq無法掛載，要刷新才能掛載的狀況，蛋疼，一直沒解決。全部我打算本身封裝一個vue版本的adminlte3.
目前已經封裝了快30個組件了。npm版本到0.1.8了。

2020/3/24更新

更新 目前完整組件已經超過infobox,table,form，form-input,paginaton,renderfunction,paginaton。
renderfunction是一個渲染組件，能夠根據數組生成整個vue頁面。
npm版本已經更新到0.3.2

github 地址 nly-adminlte-vue

歡迎各位大佬貢獻代碼。
歡迎加羣交流 QQ羣：927568606

目前完成事情

組件

• 皮膚 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

2020/3/24更新

• 信息箱 infobox
• 表格 table
• 提示工具 tooltip
• 分頁 paginaton
• 渲染函數 renderfunction 根據數組渲染整個頁面的組件
• 表單 form
• input框 input

指令

• 左側導航欄收起指令 v-nly-sidebar-collapse
• 右側收縮版收起指令 v-nly-control-sidebar-collapse
• 卡片最大化指令 v-nly-card-maximized
• 摺疊版收起展開指令 v-nly-toggle

使用

• github下載項目

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

npm install 

npm run server

// 查看example，全部組件demo都在這裏
http://localhost:8080

• 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);