亚洲激情专区-91九色丨porny丨老师-久久久久久久女国产乱让韩-国产精品午夜小视频观看

溫馨提示×

溫馨提示×

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

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

怎么在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

海南省| 辰溪县| 太和县| 仲巴县| 定远县| 法库县| 包头市| 皋兰县| 新巴尔虎右旗| 南宫市| 葫芦岛市| 时尚| 仙居县| 霞浦县| 保山市| 桐城市| 临潭县| 元朗区| 贵定县| 兴化市| 磐石市| 大城县| 尚义县| 卓尼县| 房产| 库车县| 旬阳县| 华安县| 龙门县| 普洱| 大兴区| 罗甸县| 铜鼓县| 满洲里市| 微山县| 丹凤县| 深水埗区| 永州市| 香格里拉县| 禹城市| 临洮县|