? 在使用Element-ui進(jìn)行項(xiàng)目開發(fā)時(shí)，我們會(huì)想把那個(gè)餓了么的天藍(lán)色換成自己項(xiàng)目的主題色，那如何在自己的項(xiàng)目中實(shí)現(xiàn)換膚耶，我這次用的是?使用命令行主題工具生成css文件?的方式換膚

? ?1. 用vue-cli安裝一個(gè)新項(xiàng)目：

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

? ? ? ?

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

? ? ?

?4.初始化變量文件

? ? ?

?5. 修改變量

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

? ??

?6.編譯主題?

? ??

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

?7.引入自定義主題

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

? ??

轉(zhuǎn)載于:https://www.cnblogs.com/zly1022/p/10177970.html

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。