Element-ui自定義主題換膚


   在使用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中引入

    

 


免責聲明!

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



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