1111

src/styles/view/datav.scss

@@ -73,18 +73,38 @@
         }
         .hc-datav-row-charts {
             .row-charts {
+                background-image: url("~src/assets/images/charts.png");
+                background-size: 100%;
                 .title-box {
+                    position: absolute;
+                    font-size: 24px;
+                    text-align: left;
                     .num {
-
+                        margin-left: 2px;
+                        font-weight: bold;
                     }
                     &.a1 {
-
+                        top: 46px;
+                        left: 330px;
+                        .num {
+                            color: #D222EC;
+                        }
                     }
                     &.a2 {
-
+                        top: 102px;
+                        left: 0;
+                        width: 185px;
+                        .num {
+                            color: #9933FF;
+                        }
                     }
                     &.a3 {
-
+                        top: 110px;
+                        left: 350px;
+                        text-align: center;
+                        .num {
+                            color: #32D1E6;
+                        }
                     }
                 }
             }

src/views/home/datav.vue

@@ -43,15 +43,15 @@
                     </div>
                 </el-col>
                 <el-col :span="8" class="h-full">
-                    <div class="hc-datav-row-charts">
-                        <div class="row-charts">
+                    <div class="hc-datav-row-charts relative text-center">
+                        <div class="row-charts relative inline-block h-[335px] w-[520px]">
                             <div class="title-box a1">
                                 <span>常规项目</span>
                                 <span class="num">122</span>
                             </div>
                             <div class="title-box a2">
                                 <span>超进度项目</span>
-                                <span class="num">33</span>
+                                <span class="num">333333</span>
                             </div>
                             <div class="title-box a3">
                                 <span>滞后项目</span>