eleemnt-ui修改主题颜色

饿了吗的element-ui使用的是淡蓝色的主题，有时候我们可以自定义主题，官方的文档给我们提供了如何修改主题，介绍的很详细，自己试验过后，觉得很不错，一方面怕忘记，一方面写一写。

方法一是在线生成一套主题：

https://github.com/taylorchen709/vue-admin，git库里给我们详细描述了一套方法，使用在线定制生成一套主题，

自定义生成主题

打开网址，自定义喜欢的主题，然后下载主题包 https://elementui.github.io/theme-preview/#/
主题包解压到该文件夹 src/assets/theme/
编写 src/main.js

   import 'element-ui/lib/theme-default/index.css'toimport './assets/theme/your-theme/index.css'　　使用你生成的包覆盖默认的包

编辑src/styles/vars.scss(在里面编写你喜欢的颜色即可)

转载于:https://www.cnblogs.com/xuyan1/p/8398944.html

eleemnt-ui修改主题颜色相关推荐

从零开始写第一个Flutter app（八）——修改主题颜色
目录从零开始写第一个Flutter app(一)--Hello World 从零开始写第一个Flutter app(二)--引用第三方包从零开始写第一个Flutter app(三)--有状态的部件 ...
Android——修改主题颜色
Android默认的主题是黑色,修改主题颜色此处以修改为白色主题为例: 1.点击File->Settings.(或者快捷键Ctrl+Alt+S) 2.点击Appearance &Beha ...
Clion IDEA 用Material Theme UI后主题颜色字段字体大小不变问题
用了Material Theme UI后主题会自动去设置里面设置你的字体大小颜色和备注的颜色等等. 如果想要去改变它,就要去设置具体的地方设置字体的颜色大小比如想要改变字体大小,要在这 ...
前端基础学习-VS code修改主题颜色与背景
闲来无事想修改一下vscode的颜色主题还有背景,这里做一个小的记录方法一 1.修改主题我这里是中文版,英文的对应选择就好文件>首选项>颜色主题选择对应的主题 2.添加背景安装插 ...
华为快应用IDE：如何修改主题颜色
华为快应用IDE 默认的主题颜色是白色,长时间对着屏幕后会觉得很刺眼,程序猿们估计都比较喜欢深色的页面,本文就教大家替换华为快应用IDE的主题颜色的两种方法. 方法一: 华为快应用IDE > 文 ...
Antd 修改主题颜色2018 最新版填坑记录
首先,让我想说的是,现在有很多的更新,网上的一些也有的没用了, 接下来让我来分享一些我的解决方法,时间:2018.12/18. 1.和网上的一样,我用的是creat-react-app创建的项目,修改 ...
elementPlus修改主题颜色（含暗夜模式切换）
直接调用 setThemeColor(color) 函数,color 为传入的主题颜色 export function setThemeColor(color) {const el = documen ...
Vue3+vite+element-plus修改主题颜色
怎么引入使用这边就不多说了自定义element-plus主题色 1.在项目中安装sass npm install sass 2.新建scss文件:src/styles/element/index.s ...
Android 日期选择器 DatePickerDialog 修改主题颜色
先看下修改前后的效果图对比我用的是小米手机测试的,这个样式是被小米重写了原生的,所以你看到这个样式和模拟器上的是不是有点不一样呢!!! 关于这个样式为什么会显示这样我就不多说了,这是被MIUI重写的 ...

eleemnt-ui修改主题颜色

eleemnt-ui修改主题颜色相关推荐

最新文章

热门文章