vue+ElementUI改變主題色

背景介紹：項目使用vue.js+elementUI+scss，但是項目的主題色要修改為紫色。Mac電腦，且已安裝過npm。
我使用的是全局安裝（-g），官方文檔說是建議安裝在項目中

全局安裝步驟

cd element-demo
npm i element-theme -g
npm i element-theme-chalk -D
et -i
修改scss中的顏色值
et
main.js修改引入

步驟說明

  1. 進入項目文件夾 cd element-demo

  2. 安裝主題生成工具npm i element-theme -g

  3. 安裝白堊主題（不可以省略）npm i element-theme-chalk -D

  4. 改變初始變量文件et -i，會在根目錄下多出一個element-variables.scss文件

  5. 找到element-variables.scss文件，修改主題色變量（primary)和其他要改變的顏色(eg：danger)

    修改primary和danger色值.png

  6. 編譯主題et

  7. 引入自定義主題，保存后，就可以看到顏色已變?yōu)榱四阍O(shè)置的顏色


    引入自定義主題.png
效果.png
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點，簡書系信息發(fā)布平臺，僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容