本文主要介绍元素ui修改主题颜色(元素ui颜色选择),下面一起看看元素ui修改主题颜色(元素ui颜色选择)相关资讯。
这篇文章的前提是
vue elementui主题颜色切换基本篇vue elementui主题颜色切换修改elementui因为项目中有echarts图表。it 奇怪的是,图表的颜色不一样。;t开关。所以我们必须适应电子海图。
所以要在前一个的基础上修改。
echarts有自己的主题配置。因为我用的是vue-echarts,可能和echarts有点不一样,但是逻辑是一样的。
首先,注册所需的echarts主题配置json文件。然后通过判断身上的自定义属性。选择不同的主题
那里 这是一个错误。因为body属性是在数据中获取的。当页面正文属性更改时,听不到更改。这还是赢了 不工作。
我想到了用vuex来这个页面。更改时获取新值。
所以这个themetype是全局写的。默认情况下,检索缓存,vuex的内部数据也赋给app.vue中的body,改变时也调用mapmutations刷新。
在图表页面中
echarts的主题json文件
这种设计还有一个问题。这个echarts主题文件是一个json文件。无法引入scss变量。只能手写颜色。
因此,如果您需要更改它,您需要添加scss文件和echarts主题。你需要在echarts里面注册。我不 现在我没有好的解决办法。
因此,建议echarts封装一个组件。否则,如果添加新的配色方案。it 太累人了
可以说,如果你不 不需要转换电子海图的主题。没必要采用vuex。
标签:
主题文件
了解更多元素ui修改主题颜色(元素ui颜色选择)相关内容请关注本站点。