fix

src/views/bigscreen/index.vue

@@ -21,10 +21,10 @@
     </div>
 
     <div class="bottombg">
-      <div class="item"><div>1123</div><div>静态资源</div></div>
-      <div class="item"><div>113</div><div>动态资源</div></div>
-      <div class="item"><div>531</div><div>重点区域</div></div>
-      <div class="item"><div>16</div><div>实时告警</div></div>
+      <div class="item item2"><div class="num">1123</div><div>静态资源</div></div>
+      <div class="item item1 item2"><div class="num">113</div><div>动态资源</div></div>
+      <div class="item item1 item2"><div class="num">531</div><div>重点区域</div></div>
+      <div class="item"><div class="num">16</div><div>实时告警</div></div>
     </div>
 
 
@@ -131,11 +131,33 @@ export default {
   transform: translate(-50%,-0%);
   display: flex;
   flex-direction: row;
+  align-items: center;
+  color:#fff;
+  font-size:1.6rem;
+
 
   .item{
-    width: 25%;
+    width: 27%;
     text-align: center;
     justify-content: center;
+    position: relative;
+    .num{
+      font-size:3rem;
+      color:#25f8bd;
+    }
+  }
+   .item1{
+    width: 23%;
+  }
+  .item2::after{
+    content: "";
+    background: url("../../assets/images/图层\ 2@2x.png");
+    background-size: 100% 100%;
+    width: 0.2rem;
+    height: 7.3rem;
+    position: absolute;
+    top: 0;
+    right: 0;
   }
 }
 .ol-zoom-in,.ol-zoom-out{