up

src/views/Index1.vue

@@ -105,6 +105,22 @@
               }
             }
           }
+          .li_new{
+            &::before{
+              content: url(../images/bk-1.png);
+              position: absolute;
+              right:0;
+              top:-5px;
+              transform: rotate(90deg);
+            }
+            &::after{
+              content: url(../images/bk-1.png);
+              position: absolute;
+              right:0;
+              bottom:-5px;
+              transform: rotate(180deg);
+            }
+          }
           h4{
             margin-bottom: 20px;
             color:#fff;
@@ -205,8 +221,8 @@
             </div>
           </li>
           <li style="width:30%;padding:0;">
-            <div class="li">
-              <img class="top" src="../images/bk.png" alt="">
+            <div class="li li_new">
+              <img class="top" src="../images/bk-1.png" alt="">
               <h4>最新告警</h4>
               <table cellpadding='0' cellspacing='0'>
                 <!-- <thead><td>序号</td><td>企业名称</td><td>告警次数</td></thead> -->
@@ -221,7 +237,7 @@
                 <tr><td>加油区</td><td>加油机损坏</td><td>2020-07-08 12:11:20</td></tr>
                 <tr><td>加油区</td><td>加油机损坏</td><td>2020-07-08 12:11:20</td></tr>
               </table>
-              <img class="bottom" src="../images/bk.png" alt="">
+              <img class="bottom" src="../images/bk-1.png" alt="">
             </div>
             <div class="li">
               <img class="top" src="../images/bk.png" alt="">