修改Element主题js库

效果展示：

Element主题换肤

封装的一个修改Element主题的一个js插件库，支持三种颜色的输入:RGB,RGBA,HEX。使用简单方便，适用于初级修改主题的需求。

 一、版本说明

desc: 修改element元素主题

 version：0.0.8

 Author: nibing

 修改时间：2021年6月30日14:42:03

 修改时间：2021年7月7日15:41:15

二、原理：

scss变量的用法

CSS.StyleDeclaration setProperty()方法

三、API：

1.changeTheme($color);

        修改主题方法: 修改Element颜色（hex/rgb/rgba）

        参数说明： $color: 初始化颜色值 类型：string 必填：true

2.Help();

        

        获取帮助说明的方法: 获取帮助说明

        参数说明：null

四、使用：

npm i theme-vue

yarn add theme-vue

方式一、 

main.js\

 1.注释掉原element样式文件即：import 'element-ui/lib/theme-chalk/index.css';\

2.引入自定义组件 

* import Theme from "theme-vue"; // 引入

 

3.XXX.vue

* import Theme from "theme-vue"";// 引入

* const Th = new Theme(); // 创建修改主题对象

* Th.changeTheme("#cccccc") // 修改element颜色（hex/rgb/rgba）

方式二、

main.js\

 1.注释掉原element样式文件即：import 'element-ui/lib/theme-chalk/index.css';\

2.引入自定义组件 

* import Theme from "theme-vue"; // 引入

* const Th = new Theme(); // 创建修改主题对象

* Vue.prototype.$theme = Th;

 

3.XXX.vue

* import Vue from 'vue'

*  Vue.prototype.$theme.changeTheme("#123456")

初级小前端编写，请大佬过目；