vue项目主题切换参考

1.https://blog.csdn.net/czc1997/article/details/126171541

2.https://www.jb51.net/article/272615.htm

3.https://www.jb51.net/article/213871.htm

4.https://www.cnblogs.com/johu/p/15394798.html

全局引入
在main.js中引入编译的样式文件

import "@/assets/gulptheme/FEB84A/index.css"; // 换肤版本 FEB84A css
import "@/assets/gulptheme/08E6B9/index.css"; // 换肤版本 08E6B9 css

在项目内使用，根据不同情况选择使用的主题

  themeChange (val) {
    if (val === 'vs'){
      this.changeClass(document.body, "custom-FEB84A");
    } else {
      this.changeClass(document.body, "custom-08E6B9");
    }
  },
  changeClass(element, className) {
    if (!element || !className) return;
    element.className = className;
  }

思路差不多就是给body或者外层div加入主题样式