提交修改

src/views/weatherHome/components/alarm.vue

@@ -90,10 +90,13 @@
         <div class="new-qx-table-box">
           <div v-for="(item, index) in alarmDataBox.activeInfo" :key="index" class="new-police"
             @click="openModal(item)">
-            <div>
+            <div class="time-top">
               <!-- <img src="../../../assets/images/weatheHome/icon-5514.png" /> -->
-              <span :style="{
-        'color': item.level_color
+              <span :class="{
+        'bg1': item.level_id == 1,
+        'bg2': item.level_id == 2,
+        'bg3': item.level_id == 3,
+        'bg4': item.level_id == 4,
       }">{{ item.title }}</span>
                   <span class="time-box">{{ item.time }}</span>
                 </div>

src/views/weatherHome/components/importantWeather.vue

@@ -39,7 +39,7 @@
                             <span>{{ item.year }}</span>
                             <span>{{ item.period }}</span>
                         </div>
-                        <div class="text">
+                        <div class="text text-box">
                             <div v-html="item.content"></div>
                         </div>
                     </div>
@@ -175,6 +175,13 @@ onMounted(async () => {
         height: 120px;
         overflow-y: auto;
         margin: 10px 0px;
+        
+    }
+    .text-box{
+        background-image: url('/src/assets/images/weatheHome/icon-bg-7.png');
+        background-repeat: no-repeat;
+        background-size: 100%;
+        background-position: 0px;
     }
 }
 </style>

src/views/weatherHome/components/importantWeather2.vue

@@ -39,7 +39,7 @@
                             <span></span>
                             <span>{{ item.period }}</span>
                         </div>
-                        <div class="text">
+                        <div class="text text-box">
                             <div v-html="item.info_type"></div>
                         </div>
                     </div>
@@ -176,5 +176,11 @@ onMounted(async () => {
         overflow-y: auto;
         margin: 10px 0px;
     }
+    .text-box{
+        background-image: url('/src/assets/images/weatheHome/icon-bg-7.png');
+        background-repeat: no-repeat;
+        background-size: 100%;
+        background-position: 0px;
+    }
 }
 </style>