样式微调

src/views/quality/defectStatistics.vue

@@ -563,7 +563,6 @@ export default {
     .data-item {
       position: relative;
       width: 27%;
-      border: 1px solid #F2F3F6;
       border-radius: 8px;
       article {
         display: flex;
@@ -619,19 +618,19 @@ export default {
       background-image: url('../../../src/assets/defect_images/数据1.png');
       background-size: 100% 100%;
       background-position: 50% 50%;
-      box-shadow:0px 50px 24px -25px rgba(64,137,255,0.20);
+      box-shadow:0px 50px 24px -25px rgba(64,137,255,0.30);
     }
     .item2 {
       background-image: url('../../../src/assets/defect_images/数据2.png');
       background-size: 100% 100%;
       background-position: 50% 50%;
-      box-shadow:0px 50px 24px -25px rgba(78,188,250,0.20);
+      box-shadow:0px 50px 24px -25px rgba(78,188,250,0.40);
     }
     .item3 {
       background-image: url('../../../src/assets/defect_images/数据3.png');
       background-size: 100% 100%;
       background-position: 50% 50%;
-      box-shadow:0px 50px 24px -25px rgba(255,136,134,0.20);
+      box-shadow:0px 50px 24px -25px rgba(255,136,134,0.30);
     }
   }
   .charts-main {
@@ -639,6 +638,7 @@ export default {
     width:calc(100%-60px);
     background:#ffffff;
     margin: 10px;
+    border-radius: 4px;
     .chart-item {
       padding: 0 20px;
       .col-flex {