活动-冬至

src/views/view.vue

@@ -11,7 +11,14 @@
         <span style="color:#D8E2FF;font-size: 24px;margin-top: 12px;">{{hourTime}}</span>
       </div>
     </div>
-    <div style="height: auto;width: 100%;margin-bottom: 40px;">
+    <div style="height: auto;width: 100%;margin-bottom: 20px;">
+      <div class="partthree_title"><span>活动公告</span></div>
+      <div class="partthree_title2"><div class="fegexian2" style="margin-top: 2px;"></div></div> 
+      <div style="display: flex;align-items: center;justify-content: center;">
+        <img style="width: 90%;height: 370px;" src="../assets/images/huodong1.jpg"/>
+      </div>
+    </div>
+    <!-- <div style="height: auto;width: 100%;margin-bottom: 40px;">
       <div class="partthree_title"><span>健康晨检</span></div>
       <div class="partthree_title2"><div class="fegexian2" style="margin-top: 2px;"></div></div>
       <div class="contentclass">
@@ -20,8 +27,7 @@
             <td>晨检</td>
             <td>健康证</td>
           </tr>
-          <tr style="height: 100%;width: 100%;">
+          <tr style="height: 100%;width: 100%;"> 
-            <!-- 图表容器：统一设置固定宽高+100%填充，避免尺寸偏差 -->
             <td rowspan="5" style="width: 50%;">
                 <div style="width: 100%;height: 240px;display: flex;align-items: center;justify-content: center;">
                     <div ref="chartone" style="width: 90%;height: 90%;"></div>
@@ -47,7 +53,7 @@
           </tr>
         </table>
       </div>
-    </div>
+    </div> -->
     <div style="height: auto;width: 100%;margin-bottom: 40px;">
       <div class="partthree_title"><span>本周菜谱</span></div>
       <div class="partthree_title2"><div class="fegexian2" style="margin-top: 2px;"></div></div>
@@ -530,20 +536,18 @@ export default {
   .container {
     height: 100%;
     width: 100%;
-    background-image: url("../assets/images/background.jpg");
+    background: rgba(148, 5, 0);
-    background-size: cover;
+    // background-image: url("../assets/images/background.jpg");
-    background-position: center;
+    // background-size: cover;
-    overflow-y: hidden; /* 保留垂直滚动（如果内容超出屏幕） */
+    // background-position: center;
-    // display: flex;
+    // overflow-y: hidden; /* 保留垂直滚动（如果内容超出屏幕） */
-    // justify-content: center;
-    // flex-wrap: wrap;
   }
   .topdiv{
      width: 100%;
      display: flex;
-     background-image: url("../assets/images/canteen1.png");
+    //  background-image: url("../assets/images/canteen1.png");
-     background-size: cover;
+    //  background-size: cover;
-     background-position: center;
+    //  background-position: center;
      height: 5%;
      margin-bottom: 20px;
   }
@@ -559,7 +563,7 @@ export default {
   .dateTimeClass{
     display: flex;
     justify-content: center;
-    color:#fff;
+    color:#E1EFFF;
     width:30%;
     align-items: center;
   }
@@ -567,7 +571,7 @@ export default {
     display: flex;
     justify-content: center;
     align-items: center;
-    color:#fff;
+    color:#E1EFFF;
     width:30%;
   }
   .titlediv2{
@@ -576,7 +580,7 @@ export default {
     // height: 10px;
     justify-content: center;
     align-items: flex-start;
-    color:#fff;
+    color:#E1EFFF;
     font-size: 28px;
     // background-image: url("../assets/images/caidanline.png");
     // background-size: cover;
@@ -587,7 +591,7 @@ export default {
     width: 100%;
     justify-content: center;
     flex-wrap: wrap;
-    color:#fff;
+    color:#E1EFFF;
   }
   .fegexian{
     width: 50%;
@@ -616,10 +620,11 @@ export default {
     margin: 1%;
   }
   .dishclass span{
-    background-image: linear-gradient(0deg, rgba(111,169,255,0.5) 30%, #6FA9FF 86%);
+    // background-image: linear-gradient(0deg, rgba(111,169,255,0.5) 30%, #6FA9FF 86%);
     -webkit-background-clip: text;
     background-clip: text;
-    color: transparent;
+    // color: transparent;
+    color: #D8E2FF;
   }
   .dishcontentclass{
     display: flex;
@@ -651,6 +656,8 @@ export default {
     text-align: left;
     font-style: normal;
   }
+
+
   .partthree{
     height: 100%;
     width: 85%;
@@ -662,7 +669,7 @@ export default {
   }
   .partthree_title{
      display: flex;
-     color:#fff;
+     color:#E1EFFF;
      font-size: 25px;
      justify-content: center;
      margin-bottom: 5px;
@@ -673,18 +680,18 @@ export default {
       width: 100%;
       justify-content: center;
   }
-  .big-number {
+  // .big-number {
-    font-size: 30px;
+  //   font-size: 30px;
-    font-family: 'Arial', sans-serif;
+  //   font-family: 'Arial', sans-serif;
-    color: #fff;
+  //   color: #fff;
-    padding: 5px;
+  //   padding: 5px;
-    border-radius: 10px;
+  //   border-radius: 10px;
-    display: inline-flex;
+  //   display: inline-flex;
-  }
+  // }
-  .digit {
+  // .digit {
-    margin: 0 5px;
+  //   margin: 0 5px;
-    text-shadow: 0 0 10px rgba(255,255,255,0.5);
+  //   text-shadow: 0 0 10px rgba(255,255,255,0.5);
-  }
+  // }
   table, th, td {
       text-align: center;
   }

vue.config.js

@@ -39,7 +39,7 @@ module.exports = {
                 // target: `http://192.168.0.61:58080`,
                 // target: `http://192.168.0.44:58085`,
                 // target: `http://127.0.0.1:48380`,
-                target: `http://192.168.20.234:48390`,
+                target: `http://192.168.1.114:48380`,
                 // target: `http://192.168.20.241:48380`,
                 changeOrigin: true,
                 pathRewrite: {