main.vue代码如下: <template> <!-- 主题色切换按钮 --> <el-radio-group v-model="theme" @change="switchTheme"> <el-radio-button label="blue">蓝色主题</el-radio-button> <el-radio-button label="green">绿色主题</el-radio-button> <el-radio-button label="orange">橙色主题</el-radio-...
需求是:在vue项目初始化前,拿到当前url中的color参数的值,作为elementUI的主题色,达到换肤的效果。(color参数是去掉#的十六进制颜色值) 那么根据官网的提供的方式,创建element-variables.scss,通过改变$--color-primary变量的形式可以达到切换主题色的效果,所以我现在的思路是: main.js中截取当前url参数,拿到color的颜...
importcolorfrom'css-color-function'// 这里是elementui对应的颜色公式,和elementui源码中的formula一致importelementFormula from'./elementFormula'// element_ui默认的主题色constORIGINAL_THEME ='#409EFF'constversion =require('element-ui/package.json').version// 版本号// 所有element_ui的默认样式letthemeCh...
需求是:在vue项目初始化前,拿到当前url中的color参数的值,作为elementUI的主题色,达到换肤的效果。(color参数是去掉#的十六进制颜色值) 那么根据官网的提供的方式,创建element-variables.scss,通过改变$--color-primary变量的形式可以达到切换主题色的效果,所以我现在的思路是: main.js中截取当前url参数,拿到color的颜...