elementui 動態換膚：theme-chalk-previewvue之elementui
注意的問題：
有的時候我們會對elementui樣式進行重寫。那麼這個時候如果沒有自定義class去包裹elementui的class去寫的話，就會造成，直接你重寫的樣式被直接覆蓋。
1、對於覆蓋自己自定義elementui的樣式，最好直接自定義包裹的class內。去覆寫elementui樣式。或者直接加!important. 因為上述鎖了直接回color和backgound-color進行替換，所以對顏色之外的進行加!important,是沒關係的。當然直接懟顏色加!important也沒關係，因為會直接替換color。所以換膚依然可以
2、有的elementui元件換膚沒有生效。那就看看。是否加了color或者background-color這種需要換顏色的屬性。因為換膚的原理是對elementui元件的顏色屬性進行替換，如果你沒有生效，那麼就是你沒有加color或者background-color，當然要加class去新增樣式。切勿直接在dom上style。
3、以上只是修改顏色。且只對elementui的元件樣式修改。自定義的則執行根據選中的顏色進行替換
4、對於i標籤增加的圖示也是可以換膚的，同樣的加class然後新增color即可。
換膚解決方案特記錄之！
千里之行
始於足下
element ui動態換膚
通過在elementui的框架基礎上使用colorpicker顏色選擇器進行動態換膚，多餘的話就不說了下述 能夠直接使用。動態換膚效果圖 展示詳情 el button dark content placement bottom v model theme class theme picker siz...
vue 實現主題換膚 element ui
站在巨人的肩膀上開發之主題換膚 npm i webpack theme color replacer d2.1 vue.config.jsconst webpack require webpack const themecolorreplacer require webpack theme colo...
vue 實現主題換膚 element ui
npm i webpack theme color replacer dvue.config.jsconst webpack require webpack const themecolorreplacer require webpack theme color replacer const for...