chore:添加header

ZhangXianQiang

2024-05-31 5a7ebba43b515dbca220fca23f352af93188052e

chore:添加header

 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']

 src/App.vue

@@ -2,7 +2,9 @@
</script>

<template>

  <RouterView />
</template>

<style scoped></style>
<style scoped>
</style>

 src/components/Header/index.vue

New file
@@ -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>

 src/components/HelloWorld.vue

File was deleted

 src/views/home/index.vue

@@ -1,5 +1,5 @@
<template>
  <el-button>button</el-button>
  
</template>

<script setup>