您好,登錄后才能下訂單哦!
這篇文章將為大家詳細講解有關怎么在vue中對Adminlte3組件進行封裝,文章內容質量較高,因此小編分享給大家做個參考,希望大家閱讀完這篇文章后對相關知識有一定的了解。
組件
皮膚 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
指令
左側導航欄收起指令 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);
關于怎么在vue中對Adminlte3組件進行封裝就分享到這里了,希望以上內容可以對大家有一定的幫助,可以學到更多知識。如果覺得文章不錯,可以把它分享出去讓更多的人看到。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。