vue 項目全局修改element-ui的樣式/主題顏色


element-ui更改主題顏色
現在介紹的需要使用scss

1. 安裝需要的package

//下載sass包
npm i node-sass sass-loader -D
// 安裝主體工具,注意沒全局裝
npm i element-theme -D
//安裝主題
npm i element-theme-chalk

 

 2. 生成自定義的scss

然后運行,

因為我沒有全局安裝,所以要換個命令 ./node_modules/element-theme/bin/element-theme -i

//執行初始化命令,生成element-variables.scss
./node_modules/element-theme/bin/element-theme -i

 

 3. 修改css變量

 然后修改element-variables.scss里的變量,比如表格邊框顏色

 

4. 重新編譯

 修改完成后,執行命令,編譯主題,編譯完成后,會在本地生成theme文件夾

./node_modules/element-theme/bin/element-theme

 

 5. 在main.js中引入 編譯過的index.css

然后引入自定義主題

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM