饿了吗的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(在里面编写你喜欢的颜色即可)