export let curColor = appConfig.themeColor
// 动态切换主题色
export function changeThemeColor(newColor) {
var options = {
newColors: […forElementUI.getElementUISeries(newColor)]
}
return client.changer.changeColor(options, Promise)
.then(() => {
curColor = newColor
localStorage.setItem(‘theme_color’, curColor)
})
}
export function initThemeColor() {
const savedColor = localStorage.getItem(‘theme_color’)
if (savedColor) {
curColor = savedColor
changeThemeColor(savedColor)
}
}
//src/main.js/
import Vue from “vue”;
import App from “./App.vue”;
import router from “./router”;
import store from “./store”;
Vue.config.productionTip = false;
import ElementUI from ‘element-ui’;
Vue.use(ElementUI)
// 主题换肤
import { initThemeColor } from ‘./utils/themeColorClient’
initThemeColor();
new Vue({
router,
store,
render: h => h(App)
}).$mount(“#app”);
//src/views/Home.vue/
主要按钮
size=“medium” @change=“changeColor”> 看我到底变不变色 看我到底变不变色 最后,一定不能遗漏babel.config.js的修改,当时我也是没有修改babel这里,鼓捣了半天。(babel还在学习中,也不知道原因是啥) module.exports = { presets: [“@vue/cli-plugin-babel/preset”], plugins: [ [ 欢迎分享,转载请注明来源:内存溢出
评论列表(0条)