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文件了

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

			<template>
			  <el-color-picker
			    class="theme-picker"
			    popper-class="theme-picker-dropdown"
			    v-model="theme"
			    :size="size">
			  </el-color-picker>
			</template>
			
			<script>
			
			const version = require('element-ui/package.json').version // element-ui version from node_modules
			const ORIGINAL_THEME = '#409EFF' // default color
			export default {
			  name: 'ThemePicker',
			  props: {
			    default: { // 初始化主题，可由外部传入
			      type: String,
			      //default: '#EB815B'
			      default: ""+localStorage.getItem("tremePackers")+""
			    },
			    size: { // 初始化主题，可由外部传入
			      type: String,
			      default: 'small'
			    }
			  },
			  data() {
			    return {
			      chalk: '', // content of theme-chalk css
			      theme: ORIGINAL_THEME,
			      showSuccess: true, // 是否弹出换肤成功消息
			    }
			  },
			  mounted() {
			    if(t