vue项目如何动态变更主题色

1.在common.less中添加root元素

2.在main.js中引入

3.使用方式

4.在app.vue中接口动态获取主题色

getThemeColor()
          .then((res) => {
            //动态设置主题色
            document.documentElement.style.setProperty("--theme-color", `${res.data}`);
          })
          .catch((error) => {
            console.log(error)
          })