样式调整

src/components/numerical.vue

@@ -106,7 +106,8 @@ export default {
     isShowDetails: {
       handler: function(n,o) {
           if(!n){
-            this.showBottomInfo=false
+            this.showBottomInfo=false;
+            this.headerList=[]
           }
       },
       // deep: true,
@@ -290,16 +291,14 @@ export default {
     }
   }
   .detail-wrap {
-    background: url('../assets/img/hoverbac.png');
-        background-repeat: no-repeat;
-        background-size: 100% 100%;
+    
     position: absolute;
     top: 0;
     // right: -135%;
     // width: 135%;
     right: -480px;
     width: 480px;
-    height: 220px;
+    // height: 220px;
     z-index: 99;
     overflow: hidden;
     border-radius: 10px;
@@ -314,7 +313,10 @@ export default {
       border-radius: 2em;
     }
     /deep/ .el-table{
-      background: transparent;
+      // background: transparent;
+      background: url('../assets/img/hoverbac.png');
+      background-repeat: no-repeat;
+      background-size: 100% 100%;
     }
    /deep/ .el-table th {
       background-color: transparent !important;