中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

怎么在vue中對Adminlte3組件進行封裝

發布時間:2021-03-29 18:01:44 來源:億速云 閱讀:358 作者:Leah 欄目:web開發

這篇文章將為大家詳細講解有關怎么在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組件進行封裝就分享到這里了,希望以上內容可以對大家有一定的幫助,可以學到更多知識。如果覺得文章不錯,可以把它分享出去讓更多的人看到。

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

vue
AI

遂川县| 桃园市| 曲周县| 泸水县| 台南市| 易门县| 东乡县| 永和县| 玉门市| 周宁县| 且末县| 开封县| 白朗县| 库伦旗| 平舆县| 库车县| 龙南县| 阳山县| 堆龙德庆县| 霸州市| 徐汇区| 东阳市| 常熟市| 许昌县| 墨江| 平谷区| 钟祥市| 双峰县| 黄山市| 远安县| 金乡县| 泸溪县| 高淳县| 襄汾县| 广南县| 宁化县| 阿荣旗| 夹江县| 九台市| 松潘县| 全椒县|