nuxt 引入 element-UI 自定义主题色
Posted djjlovedjj
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了nuxt 引入 element-UI 自定义主题色相关的知识，希望对你有一定的参考价值。
之前试了好多次都没试成功，百度和谷歌上搜了半天也没找到可行的方案，
今天静下心来按照官方文档的思想终于成功了（其实很简单，不知道之前为什么总是不成功，真想抽自己，代码技术、菜是原罪）
刚刚写了篇随笔 nuxt按需引入element-UI , 先去看看这个。
引入element-UI之后，在 /assets/scss 下新建一个 element-variables.scss 文件，文件名应该是可以自己随便取
element-variables.scss：
/* 改变主题色变量aaa */ $--color-primary: green; /* 改变 icon 字体路径变量，必需 */ $--font-path: ‘~element-ui/lib/theme-chalk/fonts‘; @import "~element-ui/packages/theme-chalk/src/index";
然后就可以了，终于看到期待已久的绿色：
绿意盎然，心花怒放。
想了解更多请移步element-UI官方文档
以上是关于nuxt 引入 element-UI 自定义主题色的主要内容，如果未能解决你的问题，请参考以下文章