1、cd到你的專案檔案目錄下,npm i element-theme -g
2、npm i element-theme-default -d
3、et -i 執行後當前目錄會有乙個element-variables.css
檔案
4、直接編輯element-variables.css
檔案,修改變數 例如主題色改為紅色: --color-primary: red;
5、編譯主題 et
6、引入自定義主題 import '../theme/index.css' import elementui from 'element-ui' import vue from 'vue' vue.use(elementui)
修改element ui主題色
命令列主題工具 1 安裝主題工具 在自己安裝目錄下 執行 npm install element theme dev 2 安裝chalk主題 npm install element theme chalk d 3.初始化變數檔案 主題生成工具安裝成功後,如果全域性安裝可以在命令列裡通過 et 呼叫工...
Vue使用css變數更換主題色
使用css變數更換主題色。一般會提供幾個主題色供使用者選擇,或者直接使用拾色器讓使用者選擇喜歡的顏色。宣告乙個自定義屬性,屬性名需要以兩個減號 開始,屬性值則可以是任何有效的css值。和其他屬性一樣,自定義屬性也是寫在規則集之內的,如下 element 注意,規則集所指定的選擇器定義了自定義屬性的可...
elementui修改主題
新搭建乙個vue專案,使用elementui框架,當然先安裝sass npm install sass loader node sass d 接下來就是elementui的自定義的操作步驟啦 1 安裝自定義主題工具 npm install element theme g 2 安裝chalk主題 np...