From 5a7ebba43b515dbca220fca23f352af93188052e Mon Sep 17 00:00:00 2001
From: ZhangXianQiang <1135831638@qq.com>
Date: 星期五, 31 五月 2024 17:20:44 +0800
Subject: [PATCH] chore:添加header

---
 /dev/null                       |   40 --------------------
 src/views/home/index.vue        |    2 
 components.d.ts                 |    1 
 src/components/Header/index.vue |   26 +++++++++++++
 src/App.vue                     |    4 +
 5 files changed, 31 insertions(+), 42 deletions(-)

diff --git a/components.d.ts b/components.d.ts
index 42396f8..059f80d 100644
--- a/components.d.ts
+++ b/components.d.ts
@@ -8,6 +8,7 @@
 declare module 'vue' {
   export interface GlobalComponents {
     ElButton: typeof import('element-plus/es')['ElButton']
+    Header: typeof import('./src/components/Header/index.vue')['default']
     HelloWorld: typeof import('./src/components/HelloWorld.vue')['default']
     RouterLink: typeof import('vue-router')['RouterLink']
     RouterView: typeof import('vue-router')['RouterView']
diff --git a/src/App.vue b/src/App.vue
index e52317b..aadaf6a 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -2,7 +2,9 @@
 </script>
 
 <template>
+
   <RouterView />
 </template>
 
-<style scoped></style>
+<style scoped>
+</style>
diff --git a/src/components/Header/index.vue b/src/components/Header/index.vue
new file mode 100644
index 0000000..36bad8a
--- /dev/null
+++ b/src/components/Header/index.vue
@@ -0,0 +1,26 @@
+<template>
+  <div class="header-container">
+    <div class="head-item">
+      <div class="logo-container">
+
+      </div>
+    </div>
+    <div class="head-item"></div>
+    <div class="head-item"></div>
+  </div>
+</template>
+
+<script setup>
+
+</script>
+
+<style lang="scss" scoped>
+.header-container {
+  width: 100%;
+  display: flex;
+  box-shadow: 0 2px 20px ;
+  .head-item {
+    flex-shrink: 0;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/components/HelloWorld.vue b/src/components/HelloWorld.vue
deleted file mode 100644
index f5e4f53..0000000
--- a/src/components/HelloWorld.vue
+++ /dev/null
@@ -1,40 +0,0 @@
-<script setup>
-import { ref } from 'vue'
-
-defineProps({
-  msg: String,
-})
-
-const count = ref(0)
-</script>
-
-<template>
-  <h1>{{ msg }}</h1>
-
-  <div class="card">
-    <button type="button" @click="count++">count is {{ count }}</button>
-    <p>
-      Edit
-      <code>components/HelloWorld.vue</code> to test HMR
-    </p>
-  </div>
-
-  <p>
-    Check out
-    <a href="https://vuejs.org/guide/quick-start.html#local" target="_blank"
-      >create-vue</a
-    >, the official Vue + Vite starter
-  </p>
-  <p>
-    Install
-    <a href="https://github.com/vuejs/language-tools" target="_blank">Volar</a>
-    in your IDE for a better DX
-  </p>
-  <p class="read-the-docs">Click on the Vite and Vue logos to learn more</p>
-</template>
-
-<style scoped>
-.read-the-docs {
-  color: #888;
-}
-</style>
diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index ea4ee4d..9f83882 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <el-button>button</el-button>
+  
 </template>
 
 <script setup>

--
Gitblit v1.8.0