1111

src/styles/view/datav.scss

@@ -196,7 +196,13 @@
             }
         }
         .hc-datav-row-line {
-
+            height: calc(100% - 339px);
+            border-width: 50px 14px 14px 14px;
+            border-style: solid;
+            border-image-source: url(/src/assets/images/datav-3.png);
+            border-image-slice: 100 80 80 80 fill;
+            border-image-width: 30px 20px 20px 20px;
+            transition: all linear 0.1s;
         }
     }
 }

src/views/home/datav.vue

@@ -127,7 +127,7 @@
                             </div>
                         </div>
                     </div>
-                    <div class="hc-datav-row-line">
+                    <div class="hc-datav-row-line relative">
                         222
                     </div>
                 </el-col>