本文主要介紹元素ui修改主題顏色(元素ui顏色選擇)，下面一起看看元素ui修改主題顏色(元素ui顏色選擇)相關(guān)資訊。
這篇文章的前提是
vue elementui主題顏色切換基本篇vue elementui主題顏色切換修改elementui因?yàn)轫?xiàng)目中有echarts圖表。it 奇怪的是，圖表的顏色不一樣。;t開(kāi)關(guān)。所以我們必須適應(yīng)電子海圖。
所以要在前一個(gè)的基礎(chǔ)上修改。
echarts有自己的主題配置。因?yàn)槲矣玫氖莢ue-echarts，可能和echarts有點(diǎn)不一樣，但是邏輯是一樣的。
首先，注冊(cè)所需的echarts主題配置json文件。然后通過(guò)判斷身上的自定義屬性。選擇不同的主題
那里 這是一個(gè)錯(cuò)誤。因?yàn)閎ody屬性是在數(shù)據(jù)中獲取的。當(dāng)頁(yè)面正文屬性更改時(shí)，聽(tīng)不到更改。這還是贏了 不工作。
我想到了用vuex來(lái)這個(gè)頁(yè)面。更改時(shí)獲取新值。
所以這個(gè)themetype是全局寫(xiě)的。默認(rèn)情況下，檢索緩存，vuex的內(nèi)部數(shù)據(jù)也賦給app.vue中的body，改變時(shí)也調(diào)用mapmutations刷新。
在圖表頁(yè)面中
echarts的主題json文件
這種設(shè)計(jì)還有一個(gè)問(wèn)題。這個(gè)echarts主題文件是一個(gè)json文件。無(wú)法引入scss變量。只能手寫(xiě)顏色。
因此，如果您需要更改它，您需要添加scss文件和echarts主題。你需要在echarts里面注冊(cè)。我不 現(xiàn)在我沒(méi)有好的解決辦法。
因此，建議echarts封裝一個(gè)組件。否則，如果添加新的配色方案。it 太累人了
可以說(shuō)，如果你不 不需要轉(zhuǎn)換電子海圖的主題。沒(méi)必要采用vuex。
標(biāo)簽:
主題文件
了解更多元素ui修改主題顏色(元素ui顏色選擇)相關(guān)內(nèi)容請(qǐng)關(guān)注本站點(diǎn)。