element ui更換主題色

2022-05-18 15:54:58 字數 374 閱讀 9863

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...