背景介紹:項目使用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修改引入
步驟說明
進(jìn)入項目文件夾
cd element-demo
安裝主題生成工具
npm i element-theme -g
安裝白堊主題(不可以省略)
npm i element-theme-chalk -D
改變初始變量文件
et -i
茶行,會在根目錄下多出一個element-variables.scss
文件-
找到
element-variables.scss
文件畔师,修改主題色變量(primary
)和其他要改變的顏色(eg:danger
)
編譯主題
et
-
引入自定義主題,保存后,就可以看到顏色已變?yōu)榱四阍O(shè)置的顏色