diff --git a/index.html b/index.html
index a888544..940b408 100644
--- a/index.html
+++ b/index.html
@@ -1,13 +1,16 @@
 <!DOCTYPE html>
 <html lang="en">
-  <head>
-    <meta charset="UTF-8">
-    <link rel="icon" href="/favicon.ico">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Vite App</title>
-  </head>
-  <body>
-    <div id="app"></div>
-    <script type="module" src="/src/main.ts"></script>
-  </body>
-</html>
+
+<head>
+  <meta charset="UTF-8">
+  <link rel="icon" href="/favicon.ico">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>黑龙江东印科技有限公司</title>
+</head>
+
+<body>
+  <div id="app"></div>
+  <script type="module" src="/src/main.ts"></script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/src/App.vue b/src/App.vue
index 8f35555..6c49bb2 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -4,7 +4,12 @@
   </div>
 </template>
 <script setup lang="ts">
-import Index from './pages/index.vue'
+import Index from "./pages/index.vue";
 </script>
 
-<style scoped></style>
+<style scoped lang="less">
+.box {
+  width: 100%;
+  overflow-x: hidden;
+}
+</style>
diff --git a/src/pages/header/index.vue b/src/pages/header/index.vue
index e69de29..2d3a8c4 100644
--- a/src/pages/header/index.vue
+++ b/src/pages/header/index.vue
@@ -0,0 +1,37 @@
+<template>
+  <div class="app-container">
+    <div class="container">
+      <div class="logo-container">
+        <img
+          width="136"
+          class="logo"
+          src="http://dykj.co/logo.png"
+          alt="logo"
+        />
+      </div>
+      <div></div>
+    </div>
+    <div>1</div>
+  </div>
+</template>
+
+<script setup lang="ts"></script>
+
+<style scoped lang="less">
+.app-container {
+  background: radial-gradient(circle, #2aae67, #fff);
+  width: 100%;
+  height: 70px;
+  display: flex;
+  justify-content: center;
+  .container {
+    width: 70%;
+    display: flex;
+    .logo-container {
+      img {
+        margin-top: -35px;
+      }
+    }
+  }
+}
+</style>
diff --git a/src/pages/index.vue b/src/pages/index.vue
index fbea1e1..1995448 100644
--- a/src/pages/index.vue
+++ b/src/pages/index.vue
@@ -1,15 +1,17 @@
 <template>
-  <t-space direction="vertical">
-    <div>
-      <t-layout>
-        <t-header>Header</t-header>
-        <t-content>Content</t-content>
-        <t-footer>Footer</t-footer>
-      </t-layout>
-    </div>
-  </t-space>
+  <div>
+    <t-layout>
+      <t-header>
+        <hesder-top />
+      </t-header>
+      <t-content>Content</t-content>
+      <t-footer>Footer</t-footer>
+    </t-layout>
+  </div>
 </template>
 
-<script setup lang="ts"></script>
+<script setup lang="ts">
+import hesderTop from "./header/index.vue";
+</script>
 
 <style scoped></style>
diff --git a/tsconfig.app.json b/tsconfig.app.json
index e14c754..12040ae 100644
--- a/tsconfig.app.json
+++ b/tsconfig.app.json
@@ -1,6 +1,6 @@
 {
   "extends": "@vue/tsconfig/tsconfig.dom.json",
-  "include": ["env.d.ts", "src/**/*", "src/**/*.vue"],
+  "include": ["env.d.ts", "src/**/*", "src/**/*.vue" ],
   "exclude": ["src/**/__tests__/*"],
   "compilerOptions": {
     "composite": true,
