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

nxmin發表於2018-05-03
原文網址 : https://juejin.im/post/5aea98a16fb9a07ab3794658
VueUI

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(彈框)元件共用

打賞 衷心的表示感謝

打賞

相關文章