vue2.0-基於elementui換膚[自定義主題]


0. 直接上 預覽鏈接

vue2.0-基於elementui換膚[自定義主題]

1. 項目增加主題組件

在項目的src/components下添加skin文件夾

skin文件獲取地址

2. 項目增加自定義主題

自定義添加主題下載地址 https://elementui.github.io/theme-chalk-preview/#/zh-CN

3. 項目引入和使用

import

選擇你想要隨主題改變的element元素在src/global/themeArray里面,不希望隨主題改變的可以注釋掉

這里寫圖片描述

選擇皮膚之后把記錄存在cookie里面。

這里寫圖片描述

再次打開瀏覽器訪問項目鈎子初始化的時候從cookie里面得到之前選擇的皮膚。

這里寫圖片描述

至此整合完畢 源碼地址

Vue學習大佬群493671066,美女多多。老司機快上車,來不及解釋了。

作者相關Vue文章

基於Vue2.0實現后台系統權限控制

前端文檔匯總

VUE2.0增刪改查附編輯添加model(彈框)組件共用

打賞 衷心的表示感謝

打賞


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM