vue全局配置elementUI主题,改变全局button底色等

在路径src/styles/element-variables.scss新建文件

复制一下代码，粘贴进去

 
/* theme color */
$--color-primary: #ED8270;
$--color-success:#67C23A;
$--color-warning: #E6A23C;
$--color-danger: #488FD1;
$--color-info: #909399;$--button-font-weight: 400;// $--color-text-regular: #1f2d3d;$--border-color-light: #dfe4ed;
$--border-color-lighter: #e6ebf5;$--table-border:1px solid#dfe6ec;/* icon font path, required */
$--font-path: '~element-ui/lib/theme-chalk/fonts';@import "~element-ui/packages/theme-chalk/src/index";  //其余的应用element样式// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass:export {theme: $--color-primary;
}

去main.js文件中引入这个文件

import './styles/element-variables.scss'//修改elementUI默认样式

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！