样式修改图片压缩

src/components/numerical.vue

@@ -290,11 +290,17 @@ export default {
     }
   }
   .detail-wrap {
+    background: url('../assets/img/hoverbac.png');
+        background-repeat: no-repeat;
+        background-size: 100% 100%;
     position: absolute;
     top: 0;
-    right: -115%;
+    // right: -135%;
+    // width: 135%;
+    right: -480px;
+    width: 480px;
+    height: 220px;
     z-index: 99;
-    width: 115%;
     overflow: hidden;
     border-radius: 10px;
     // border: 1px solid rgb(2, 238, 255);
@@ -308,18 +314,19 @@ export default {
       border-radius: 2em;
     }
     /deep/ .el-table{
-        background: url('../assets/img/hoverbac.png');
-        background-repeat: no-repeat;
-        background-size: 100% 100%;
+      background: transparent;
     }
    /deep/ .el-table th {
       background-color: transparent !important;
       color: #fff;
+      height: 51px;
+      line-height: 51px;
+      padding: 0;
     }
 
     /deep/ .el-table tr {
       background-color: transparent !important;
-      color: #fff;
+      color: #00FAFD;
       &:hover{
         cursor: pointer;
         background: rgba(8,238,255,.1)!important;
@@ -354,7 +361,8 @@ export default {
   background-size: 100% 100%;
   line-height: 24px;
   font-size: 14px;
-  color: #08EEFF;
+  color: #FFAA00;
+  text-align: left;
 }
 
 @media only screen and (max-width: 1280px) {