修改主题色elementui
1.在下面修改主题色,并下载
官网链接:https://element.eleme.cn/#/zh-CN/theme/preview
2.解压下载文件
3.把theme文件拉到项目中
4.在main.js中加入
import Vue from 'vue'
import Element from 'element-ui'
import './element-variables.scss'
Vue.use(Element)
5.要是修改主题色后,使用element框架的icon时候,开发环境下是没有问题的,打包完以后出现小方块(出现问题解决)
//在utils.js中找到 加入publicPath: '../../'
function generateLoaders (loader, loaderOptions) {
const loaders = options.usePostCSS ? [cssLoader, postcssLoader] : [cssLoader]
if (loader) {
loaders.push({
loader: loader + '-loader',
options: Object.assign({}, loaderOptions, {
sourceMap: options.sourceMap
})
})
}
// Extract CSS when that option is specified
// (which is the case during production build)
if (options.extract) {
return ExtractTextPlugin.extract({
use: loaders,
fallback: 'vue-style-loader',
publicPath: '../../'
})
} else {
return ['vue-style-loader'].concat(loaders)
}