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