vue+element实现自定义主题功能

  1. 第一步按照element官网介绍安装依赖
		npm i element-theme -g
		npm i element-theme-chalk -D

执行代码 et -i 根目录会生成element-variables.scss文件
修改$–color-primary:你喜欢的颜色值执行et 然后你就会看到theme文件夹下的font文件了

  1. main.js中引入import '../theme/index.css'
  2. 封装组件名为ThemePicker 代码如下
			
			
			
			
			

4.页面中使用




//最后自己再调一下样式什么的就可以了

你可能感兴趣的:(前端自学vue,element)