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

0. 直接上 預覽連接

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

1. 項目增長主題組件

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

skin文件獲取地址

2. 項目增長自定義主題

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

3. 項目引入和使用

import

選擇你想要隨主題改變的element元素在src/global/themeArray裏面,不但願隨主題改變的能夠註釋掉

這裏寫圖片描述

選擇皮膚以後把記錄存在cookie裏面。

這裏寫圖片描述

再次打開瀏覽器訪問項目鉤子初始化的時候從cookie裏面獲得以前選擇的皮膚。

這裏寫圖片描述

至此整合完畢 源碼地址

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

做者相關Vue文章

基於Vue2.0實現後臺系統權限控制github

前端文檔彙總瀏覽器

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

打賞 衷心的表示感謝

打賞

相關文章
相關標籤/搜索