11-16

src/views/mortgage/yqpb.vue

@@ -30,6 +30,10 @@
         </div>
         <div class="cont-va">
           <div class="cont-box">
+            <div class="box-border border-tl" />
+            <div class="box-border border-tr" />
+            <div class="box-border border-bl" />
+            <div class="box-border border-br" />
             <div>
               <h2>上月总定货量</h2>
             </div>
@@ -412,6 +416,7 @@
     height: 100%;
     padding: 10px;
     background-color: #031249;
+    position: relative;
   }
 
   .cont-row-title {
@@ -464,4 +469,33 @@
     padding-left: 20px;
     padding-right: 20px;
   }
+  .cont-box .box-border {
+      position: absolute;
+      width: 2.60417vw;
+      height: 2.60417vw;
+  }
+  .border-tl {
+      top: 0;
+      left: 0;
+      border-left: 1px solid #006FB6;
+      border-top: 1px solid #006FB6;
+  }
+  .border-tr {
+    top: 0;
+    right: 0;
+    border-top: 1px solid #006FB6;
+    border-right: 1px solid #006FB6;
+}
+.border-bl {
+    bottom: 0;
+    left: 0;
+    border-left: 1px solid #006FB6;
+    border-bottom: 1px solid #006FB6;
+}
+.border-br {
+    bottom: 0;
+    right: 0;
+    border-right: 1px solid #006FB6;
+    border-bottom: 1px solid #006FB6;
+}
 </style>