? 在使用Element-ui進行項目開發時，我們會想把那個餓了么的天藍色換成自己項目的主題色，那如何在自己的項目中實現換膚耶，我這次用的是?使用命令行主題工具生成css文件?的方式換膚

? ?1. 用vue-cli安裝一個新項目：

? ?2. 安裝elementUI及sass-loader,node-sass

? ? ? ?

? 3.安裝elementui的自定義主題工具

? ? ?

?4.初始化變量文件

? ? ?

?5. 修改變量

? ? 直接編輯 element-variables.scss 文件，例如修改主題色為自己所需要的顏色（如： 紫色（purple））

? ??

?6.編譯主題?

? ??

? ??我們只需要引入theme/index.css即可

?7.引入自定義主題

? ? 最后一步，將編譯好的主題文件引入項目（編譯的文件默認在根目錄下的theme文件下，也可以通過 -o 參數指定打包目錄），在入口文件main.js中引入

? ??

轉載于:https://www.cnblogs.com/zly1022/p/10177970.html

總結

以上是生活随笔為你收集整理的Element-ui自定义主题换肤的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。