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