同步

src/components/area/windturbine/WindturbineMinCard.vue

@@ -39,26 +39,26 @@
         computed: {
             cardStyle: function () {
                 if (this.sigSelect) {
-                    return "card-style-select-" + this.status;
+                    return "card-style card-style-select-" + this.status;
                 } else {
-                    return "card-style-" + this.status;
+                    return "card-style card-style-" + this.status;
                 }
             },
             leftStyle: function () {
                 if (this.sigSelect) {
-                    return "card-left-style-select-" + this.status;
+                    return "card-style-left card-left-style-select-" + this.status;
                 } else {
-                    return "card-left-style-" + this.status;
+                    return "card-style-left card-left-style-" + this.status;
                 }
             },
             rightStyle: function () {
-                return "card-right-style-" + this.status;
+                return "card-right-style card-right-style-" + this.status;
             },
             title1Style: function () {
-                return "card-title1-style-" + this.status;
+                return "card-title1-style card-title1-style-" + this.status;
             },
             title2Style: function () {
-                return "card-title2-style-" + this.status;
+                return "card-title2-style card-title2-style-" + this.status;
             },
             contentStyle: function () {
                 return "card-content-style-" + this.status;
@@ -78,35 +78,33 @@
     };
 </script>
 <style scoped>
-    .card-style-1 {
+    .card-style{
         position: relative;
         width: 116px;
         height: 50px;
-        border: 2px solid #4952a6;
-        background-color: rgba(73, 82, 166, 0.5);
         box-sizing: border-box;
         display: inline-block;
     }
+    .card-style-1 {
+        border: 2px solid #4952a6;
+        background-color: rgba(73, 82, 166, 0.5);
+    }
 
     .card-style-select-1 {
-        position: relative;
-        width: 116px;
-        height: 50px;
         border: 2px solid #4952a6;
         background-color: rgba(200, 10, 10, 0.3);
-        box-sizing: border-box;
-        display: inline-block;
     }
-
-    .card-left-style-1 {
+    .card-style-left{
         position: relative;
         width: 25px;
         height: 41px;
-        background-color: rgba(73, 82, 166, 0.7);
         box-sizing: border-box;
         margin: 3px;
         display: inline-block;
     }
+    .card-left-style-1 {
+        background-color: rgba(73, 82, 166, 0.7);
+    }
 
     .card-left-style-select-1 {
         position: relative;
@@ -118,32 +116,40 @@
         display: inline-block;
     }
 
-    .card-right-style-1 {
+    .card-right-style{
         position: relative;
         width: calc(116px - 4px - 6px - 25px);
         height: calc(50px - 2px);
-        border-left: 2px dashed #4952a6;
         box-sizing: border-box;
         display: inline-block;
     }
-
-    .card-title1-style-1 {
+    .card-right-style-1 {
+        border-left: 2px dashed #4952a6;
+    }
+    .card-title1-style{
         margin-top: 2px;
         font-size: 14px;
         width: 100%;
         text-align: center;
     }
-
-    .card-title2-style-1 {
+    .card-title1-style-1 {
+        font-size: 14px;
+    }
+    .card-title2-style{
         margin-top: 2px;
         font-size: 12px;
         width: 100%;
         text-align: center;
     }
-
-    .card-content-style-1 {
+    .card-title2-style-1 {
+        font-size: 12px;
+    }
+    .card-content-style{
         width: 100%;
         text-align: right;
         font-size: 12px;
     }
+    .card-content-style-1 {
+        font-size: 12px;
+    }
 </style>