关于element-ui:vuecli30elementui-按需引入的自定义主题问题

57次阅读

共计 743 个字符,预计需要花费 2 分钟才能阅读完成。

按需引入胜利之后,我想要自定义主题 百度最举荐的办法是去线上主题生成,而后下载引入应用。然而我这里始终说下载包有问题我就放弃,看了很多文章找到了一篇写得不错的,并且解决了问题的办法,这里本人记录一下。
1、首先装置依赖
npm install babel-plugin-component -D
装置当前要记得把 sass-loadernode-sass装置一下,不然会报错
npm install node-sass sass-loader --save-dev
2、新建element-variables.scss 文件
3、在 main.ts 中引入。留神放在 elementui 引入的前面

import './plugins/element.js'
import '@a/styles/element-variables.scss'

4、依据须要编辑 element-variables.scss 文件,这里打个比方

/* 主题色彩变量 */
$--color-primary: #f0f;
/*icon 字体门路变量 */
$--font-path: '~element-ui/lib/theme-chalk/fonts';
/* 按需引入用到的组件的 scss 文件和根底 scss 文件 */
@import '~element-ui/packages/theme-chalk/src/base.scss';
@import '~element-ui/packages/theme-chalk/src/rate.scss';
@import '~element-ui/packages/theme-chalk/src/button.scss';
@import '~element-ui/packages/theme-chalk/src/row.scss';

本文原链接在这

正文完
 0