更改element主题颜色

讨论社区 / 日志 / 帖子详情

更改element主题颜色

2022-10-08 17:22:18

281

对于后台，最经常用的就是element了，但是如果一个后台的基本主题定下来，不是element的主题色，该如何更改呢

创建一个公共的更改CSS的文件，以 element-variables.scss 为例
element-variables.scss文件里面

$--color-primary: #4b5ff5; /* 改变主题色变量 */$--font-path: '~element-ui/lib/theme-chalk/fonts';/* 改变 icon 字体路径变量，必需 */@import "~element-ui/packages/theme-chalk/src/index";

在main.js里面引入
```
import './style/element-variables.scss'
```

效果
在这里插入图片描述

上一页：element的icon、button实现渐变色

下一页：element 弹框使用

回帖

全部回帖（{{commentCount}}）

{{item.like > 0 ? item.like : '点赞'}} {{item.comment_content_show ? '取消' : '回复'}} 删除

回帖

{{reply.like > 0 ? reply.like : '点赞'}} {{reply.comment_content_show ? '取消' : '回复'}} 删除

回帖

收起

没有更多啦~

发帖

一个专属于OneKeyAdmin的技术交流平台，记录OneKeyAdmin开发者的成长与进步。

主题帖

6222

回帖数

147

文章

回帖

文章

粉丝

4 WordPress Rest API 入门详解

3578

5 Thinkphp5.0 获取新增数据的ID

3073

6 thinkphp5 解决跨域问题

2723

7 Thinkphp6 的 where 查询条件 and 和 or 的操作

10 thinkphp6配置连接微软的sqlserver数据库

2117