gx

src/view/education.vue

@@ -226,6 +226,11 @@
               src="@/assets/eduImg/jyImg10.png"
               alt=""
             />
+            <img
+              src="@/assets/eduImg/pp3.gif"
+              alt=""
+              class="ppImg"
+            />
             <div class="historyimg historyimg1">
               <span>绿色预警</span>
             </div>
@@ -238,6 +243,11 @@
               src="@/assets/eduImg/jyImg9.png"
               alt=""
             />
+            <img
+              src="@/assets/eduImg/pp2.gif"
+              alt=""
+              class="ppImg"
+            />
             <div class="historyimg historyimg2">
               <span>黄色预警</span>
             </div>
@@ -250,6 +260,11 @@
               src="@/assets/eduImg/jyImg8.png"
               alt=""
             />
+            <img
+              src="@/assets/eduImg/pp1.gif"
+              alt=""
+              class="ppImg"
+            />
             <div class="historyimg historyimg3">
               <span>红色预警</span>
             </div>
@@ -1079,6 +1094,13 @@ onMounted(() => {
     display: flex;
     flex-direction: column;
     align-items: center;
+    position: relative;
+
+    .ppImg{
+      position: absolute;
+      width: 500px;
+      height: 170px;
+    }
 
     img {
       width: 136px;

vite.config.js

@@ -8,7 +8,7 @@ export default defineConfig({
   server: {
     host: "0.0.0.0", //解决vite use--host to expose
     port: 8080,
-    open: true,
+    open: false,
     base: "./ ", //生产环境路径
     // hmr: true,
     proxy: {