feat: 更换图片

src/views/screen/ScreenView.vue

@@ -104,6 +104,7 @@ onBeforeUnmount(() => {
       <RouterLink to="/work" class="item item4">智能办公</RouterLink>
     </div>
     <div class="screen-container">
+      <!-- <div class="water-work-inner"></div> -->
       <div class="screen-container-main">
         <div class="left">
           <shuizhi :screenData="screenData"></shuizhi>
@@ -112,9 +113,9 @@ onBeforeUnmount(() => {
         </div>
         <div class="middle">
           <middleBox :dataTime="dataTime"></middleBox>
-          <div class="img-card">
+          <!-- <div class="img-card">
             <img src="@/assets/images/home/water-work.png" alt="" />
-          </div>
+          </div> -->
         </div>
         <div class="right">
           <ControlHelper></ControlHelper>
@@ -220,14 +221,28 @@ onBeforeUnmount(() => {
     }
 
   }
-
+  .water-work-inner {
+      position: absolute;
+      left: 50%;
+      top: 50%;
+      transform: translate(-50%, -50%);
+      width: 150rem;
+      height: 80rem;
+      background: url("@assets/images/home/water-work.png") no-repeat;
+      background: red;
+    }
   .screen-container {
+    position: relative;
     display: flex;
     flex-flow: column;
     height: 80rem;
     padding: 0 6rem;
+    z-index: 2;
+
+   
 
     &-main {
+      position: relative;
       height: 100%;
       display: flex;
       justify-content: space-between;
@@ -257,6 +272,8 @@ onBeforeUnmount(() => {
 @media screen and (max-width: 1440px) {
   .screen-view {
     justify-content: flex-start;
+    background: url(@/assets/images/home/home_bg.png) center top no-repeat;
+    background-size: contain;
   }
 }
 </style>