修改element ui主題色

2021-09-12 01:50:55 字數 675 閱讀 4607

命令列主題工具

1、安裝主題工具

在自己安裝目錄下 執行 npm install element-theme --dev

2、安裝chalk主題

npm install element-theme-chalk -d

3.初始化變數檔案

主題生成工具安裝成功後,如果全域性安裝可以在命令列裡通過 et 呼叫工具,如果安裝在當前目錄下,需要通過 node_modules/.bin/et 訪問到命令。執行 -i 初始化變數檔案。預設輸出到 element-variables.scss,當然你可以傳引數指定檔案輸出目錄。

4、修改主題色

直接在element-variables.scss裡面修改樣式

5、編譯主題

node_modules/.bin/et -o ./src/assets/css //-o是輸出的檔案路徑

6.在vue專案中main.js引用

import 『./assets/css/index.css』

element ui更換主題色

1 cd到你的專案檔案目錄下,npm i element theme g 2 npm i element theme default d 3 et i 執行後當前目錄會有乙個element variables.css檔案 4 直接編輯element variables.css檔案,修改變數 例如主題...

elementui修改主題

新搭建乙個vue專案,使用elementui框架,當然先安裝sass npm install sass loader node sass d 接下來就是elementui的自定義的操作步驟啦 1 安裝自定義主題工具 npm install element theme g 2 安裝chalk主題 np...

element UI換主題顏色

在使用element ui進行專案開發時,使用命令列主題工具生成css檔案 的方式換膚 可以全域性安裝或者安裝在當前專案下,這裡以全域性安裝做演示。npm i element theme g初始化變數檔案 主題生成工具安裝成功後,如果全域性安裝可以在命令列裡通過 et 呼叫工具,如果安裝在當前目錄下...