91超碰碰碰碰久久久久久综合_超碰av人澡人澡人澡人澡人掠_国产黄大片在线观看画质优化_txt小说免费全本

溫馨提示×

溫馨提示×

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

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

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

西林县| 刚察县| 犍为县| 永宁县| 芷江| 龙山县| 巨野县| 香港| 枝江市| 琼结县| 龙岩市| 花莲县| 色达县| 绥中县| 淮阳县| 水城县| 海城市| 玉山县| 华容县| 蒲城县| 邯郸市| 古交市| 延庆县| 怀柔区| 保定市| 资讯| 资阳市| 纳雍县| 永川市| 大渡口区| 南丹县| 武夷山市| 汾西县| 晋城| 从化市| 济南市| 彰化县| 喀什市| 建阳市| 临武县| 岚皋县|