命令列主題工具
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 呼叫工具,如果安裝在當前目錄下...