调整小卡片的样式

src/components/area/ProblemArea.vue

@@ -6,7 +6,7 @@
             circle-style="green"
             content-style="89"
             @parentRun="run">
-        <div>
+        <div v-for="o in 50" :key="o">
             <WindturbineMinCard status="1"></WindturbineMinCard>
         </div>
     </gy-card>

src/components/area/gy-card.vue

@@ -10,7 +10,9 @@
                 <img class="gy-card-decoration02" src="../../assets/img/controlcenter/decoration02.png">
             </div>
             <div :class='contentClass'>
-                <slot></slot>
+                <el-scrollbar style="height: 100%">
+                    <slot></slot>
+                </el-scrollbar>
             </div>
         </div>
     </transition>
@@ -345,6 +347,7 @@
         box-sizing: border-box;
     }
 
+
     .gy-card-area-big {
         position: fixed;
         top: 0px;
@@ -370,4 +373,16 @@
         box-sizing: border-box;
         border-radius: 7px;
     }
+
+    .el-scrollbar__wrap {
+        overflow: scroll;
+        width: 110%;
+        height: 120%;
+    }
+
+    ::-webkit-scrollbar {
+        width: 0;
+        height: 0;
+    }
+
 </style>

src/components/area/windturbine/WindturbineMinCard.vue

@@ -2,29 +2,25 @@
 <template>
     <div :class="cardStyle">
         <el-row>
-            <el-col span="12">
-                <div :class="leftStyle">
-                    <el-row>
-                        <div :class="title1Style">SG</div>
-                    </el-row>
-                    <el-row>
-                        <div :class="title2Style">223</div>
-                    </el-row>
-                </div>
-            </el-col>
-            <el-col span="12">
-                <div :class="rightStyle">
-                    <el-row>
-                        <div :class="contentStyle">123.54 kw</div>
-                    </el-row>
-                    <el-row>
-                        <div :class="contentStyle">8.23 m/s</div>
-                    </el-row>
-                    <el-row>
-                        <div :class="contentStyle">1234.56 rpm</div>
-                    </el-row>
-                </div>
-            </el-col>
+            <div :class="leftStyle">
+                <el-row>
+                    <div :class="title1Style">SG</div>
+                </el-row>
+                <el-row>
+                    <div :class="title2Style">223</div>
+                </el-row>
+            </div>
+            <div :class="rightStyle">
+                <el-row>
+                    <div :class="contentStyle">123.54 kw</div>
+                </el-row>
+                <el-row>
+                    <div :class="contentStyle">8.23 m/s</div>
+                </el-row>
+                <el-row>
+                    <div :class="contentStyle">1234.56 rpm</div>
+                </el-row>
+            </div>
         </el-row>
     </div>
 </template>