1

大屏/src/pages/index.vue

@@ -23,7 +23,11 @@
         </div>
     </div>
     <div class="header">
-        <img src="@/assets/title.png" alt="">
+        <div class="titleContent">
+            <img src="@/assets/title1.png" alt="">
+            <div class="titleText">特高压变电站数字孪生平台</div>
+        </div>
+        
         <div class="time">
             <img src="@/assets/shijian.png"  alt="">
             <span>{{timeText}}</span>
@@ -587,7 +591,6 @@ export default {
             }
         }
         .toolBox{
-           
             position: absolute;
             left:32%;
             display: flex;
@@ -614,12 +617,28 @@ export default {
         top: 0;
         left: 0;
         width: 100%;
-        &>img{
+       
-            width:100%;
+        .titleContent{
-            height:auto;
+           
             position:relative;
             z-index:1;
+            &>img{
+                width:100%;
+                height:auto;
+            }
+            .titleText{
+                position: absolute;
+                width:100%;
+                // height:100%;
+                top:1rem;
+                left:0;
+                text-align: center;
+                font-size: 4.4rem;
+                color:#fff;
+                z-index:2;
+            }
         }
+       
         .time{
             position: absolute;
             z-index:2;