全局颜色响应式

ZZJ

2021-10-09 41f12685a510937009a97b57b54b1e3ed8f71c36

全局颜色响应式

 src/pages/desktop/index/App.vue

@@ -80,18 +80,9 @@
        this.$refs.desktop.validateSn()
      }
      if (e.data.msg === 'changeColor') {
        /* this.$store.state.desktop.minDocks.forEach(item=>{
          console.log(window.location.host);
          console.log(item.url);
         // window.postMessage(e.data.color,`${window.location.host}${item.url}`)
         // window.postMessage(e.data.color,"http://localhost:8080/view/vindicate/")
          
        }) */

        const iframeArr = document.querySelectorAll("iframe")
        console.log(iframeArr);
        iframeArr.forEach(item=>{
          console.log(item);
          item.contentWindow.postMessage({msg:'changeColor',color:e.data.color},"*")
        })
      }
    });

 src/pages/settings/views/generalSettings.vue

@@ -860,7 +860,7 @@
          height: 30px;

          border-radius:50% ;

          background-color: #fff;

          padding: 3px;

          padding: 4px;

          .color-option-content {

            width: 100%;

            height: 100%;


 src/pages/vindicate/index/App.vue

@@ -129,7 +129,10 @@
     this.getLeftPer()
     console.log(99999);
     window.addEventListener("message",(e)=>{
       console.log(e);
     console.log(999);
     if(e.data.msg === 'changeColor') {
     document.documentElement.style.setProperty('--colorCard',`${e.data.color}`)
       }       
     })
  },
  methods: {