diff --git a/04.系统编码/Frontend/src/components/RamanLidar.vue b/04.系统编码/Frontend/src/components/RamanLidar.vue
index 920ccd6..b98be69 100644
--- a/04.系统编码/Frontend/src/components/RamanLidar.vue
+++ b/04.系统编码/Frontend/src/components/RamanLidar.vue
@@ -62,6 +62,7 @@
             <h2 class="title-watervapor">水汽</h2>
             <div v-loading="loadingWaterVaporSingleStatus"
                  style="width: 100%;"
+                 custom-class="loading"
                  element-loading-text="加载中">
             <canvas id='watervapor_single_chart'></canvas>
             </div>
@@ -86,6 +87,7 @@
             <h2 class="title">消光系数</h2>
             <div v-loading="loadingExtinctionOpticsStatus"
                  style="width: 100%;"
+                 custom-class="loading"
                  element-loading-text="加载中">
             <canvas id='extinction_optics_chart'></canvas>
             </div>
@@ -101,6 +103,7 @@
             <h2 class="title">气溶胶PM</h2>
             <div v-loading="loadingPmStatus"
                  style="width: 100%;"
+                 custom-class="loading"
                  element-loading-text="加载中">
             <canvas id='pm2_5_chart'></canvas>
             <canvas id='pm10_chart'></canvas>
@@ -111,6 +114,7 @@
             <h2 class="title">边界层特征值</h2>
             <div v-loading="loadingBackscatterStatus"
                  style="width: 100%;"
+                 custom-class="loading"
                  element-loading-text="加载中">
             <canvas id='backscatter_chart'></canvas>
             </div>
@@ -122,6 +126,7 @@
             <h2 class="title">云气溶胶分类</h2>
             <div v-loading="loadingCloudSolStatus"
                  style="width: 100%;"
+                 custom-class="loading"
                  element-loading-text="加载中">
             <canvas id='cloud_sol_chart'></canvas>
             </div>
@@ -142,6 +147,7 @@
             <h2 class="title">云的识别</h2>
             <div v-loading="loadingCloudRecognitionStatus"
                  style="width: 100%;"
+                 custom-class="loading"
                  element-loading-text="加载中">
             <canvas id='cloud_recognition_chart'></canvas>
             </div>
@@ -150,6 +156,7 @@
             <h2 class="title">消光系数</h2>
             <div v-loading="loadingExtinctionStatus"
                  style="width: 100%;"
+                 custom-class="loading"
                  element-loading-text="加载中">
             <canvas id='extinction_chart'></canvas>
             </div>
@@ -157,7 +164,9 @@
           <div class="picture">
             <h2 class="title" style="left: 2.4rem;">水汽</h2>
             <div v-loading="loadingWaterVaporStatus"
-                 style="width: 100%;"
+                 style="width: 100%"
+                 custom-class="loading"
+
                  element-loading-text="加载中">
             <canvas id='watervapor_chart'></canvas>
             </div>
@@ -1089,6 +1098,12 @@ export default {
       .picture {
         position: relative;
         margin-top: 30px;
+        :deep(.loading) {
+          :deep(.el-loading-mask) {
+            top: 39px!important;
+          }
+        }
+
         .title-watervapor {
           position: absolute;
           left: 50%;