tj

src/App.vue

@@ -1,15 +1,7 @@
 <script setup>
 import Header from '@/components/Header/index.vue'
 import Layout from '@/components/Layouts/index.vue'
-import Dialog from '@/components/Dialog'
-import {onMounted} from 'vue'
 
-onMounted(() => {
-  // Dialog({
-  //   title:"标题",
-  //   message:'内容'
-  // })
-})
 </script>
 
 <template>

src/components/Header/index.vue

@@ -1,5 +1,7 @@
 <template>
-    <div id="header" />
+    <div id="header" >
+        <img class="logo" src="@/assets/images/logo.png" alt="">
+    </div>
 </template>
 <script>
     export default {
@@ -18,6 +20,14 @@
     background-image: url('@/assets/images/header.png');
     background-size: 100% 100%;
     background-repeat: no-repeat;
+    position: relative;
+    .logo{
+        display: block;
+        height: 4vh;
+        margin-left:20px;
+        position: absolute;
+        top:0.35vh ;
+    }
     .head-font{
         height: 23.6vh;
         line-height: 11vh;