样式修改v1

ZZJ

2021-10-09 fb2bf08ea4c74e09c557c975689176b3e8683e44

 src/pages/vindicate/index/App.vue

@@ -1,5 +1,5 @@
<template>
  <div class="container" v-if="!showWelcome">
  <div class="container vindicate" v-if="!showWelcome">
    <div class="container-left">
      <div
        class="left-card"
@@ -127,6 +127,13 @@
      // });
    }
     this.getLeftPer()
     console.log(99999);
     window.addEventListener("message",(e)=>{
     console.log(999);
     if(e.data.msg === 'changeColor') {
     document.documentElement.style.setProperty('--colorCard',`${e.data.color}`)
       }       
     })
  },
  methods: {
    openMenu(item, i) {
@@ -281,7 +288,7 @@
      background-color: rgba(251, 251, 255, 0.1);
      backdrop-filter: blur(4px);
      float: left;
      width: 46%;
      width: 442px;
      height: 190px;
      margin: 0 15px;
      margin-bottom: 30px;
@@ -314,11 +321,11 @@
        }
      }
    }
    .nav-child:hover {
    // .nav-child:hover {
      // box-shadow: 4px 4px 12px rgb(218, 218, 218);
      // transform: translate3d(0, -1px, 0);
      // transition: all 0.3s;
    }
    // }
  }
}

@@ -336,10 +343,9 @@
    overflow: auto;
    box-sizing: border-box;
    flex-shrink: 0;
    padding: 17px 10px 0 10px;
    padding: 13px 10px 0 10px;
    box-sizing: border-box;
    background: #fff;
    border-top:2px solid #E1E0E6 ;
    .left-card {
      position: relative;
      width: 224px;
@@ -392,6 +398,10 @@
  }

}

.vindicate {
  border-top:2px solid #E1E0E6 ;
}
</style>