合并

components.d.ts

@@ -29,8 +29,8 @@ declare module '@vue/runtime-core' {
     ElTabPane: typeof import('element-plus/es')['ElTabPane']
     ElTabs: typeof import('element-plus/es')['ElTabs']
     ElTooltip: typeof import('element-plus/es')['ElTooltip']
-    Footer: typeof import('./src/components/mobile/footer.vue')['default']
-    Header: typeof import('./src/components/mobile/header.vue')['default']
+    Footer: typeof import('./src/components/pc/footer.vue')['default']
+    Header: typeof import('./src/components/pc/header.vue')['default']
     HelloWorld: typeof import('./src/components/HelloWorld.vue')['default']
     IconCommunity: typeof import('./src/components/icons/IconCommunity.vue')['default']
     IconDocumentation: typeof import('./src/components/icons/IconDocumentation.vue')['default']

src/components/mobile/footer.vue

@@ -1,8 +0,0 @@
-<script setup lang="ts">
-</script>
-
-<template>
-  <div class="footer">
-    我的底部
-  </div>
-</template>

src/components/mobile/header.vue

@@ -1,33 +0,0 @@
-<script setup lang="ts">
-import { ref } from 'vue'
-import { useI18n } from 'vue-i18n'
-import logoCn from '@/assets/images/whietlogo.png'
-import logoEn from '@/assets/images/whietlogoEn.png'
-
-const {locale } = useI18n();
-console.log('locale',locale)
-</script>
-
-<template>
-  <div class="header">
-    <div class="logo">
-      <img :src="locale === 'zh' ? logoCn : logoEn" alt="logo">
-    </div>
-  </div>
-</template>
-<style lang="less" scoped>
-.header{
-  height: 50px;
-  background: #202020;
-  border-radius: 0px 0px 0px 0px;
-  opacity: 1;
-  .logo{
-    text-align: center;
-    padding: 8px 0;
-    img{
-      // height: 20px;
-      width: 80px;
-    }
-  }
-}
-</style>

src/components/mobile/index.vue

@@ -1,24 +0,0 @@
-<script setup lang="ts">
-import Header from "./header.vue";
-// import Footer from "./footer.vue";
-</script>
-
-<template>
-    <div class="container">
-      <Header />
-      <router-view />
-    </div>
-</template>
-
-<style scoped>
-.container{
-  height: 100vh;
-  overflow-y: auto;
-  overflow-x: hidden;
-  *{
-    box-sizing: content-box;
-  }
-}
-</style>
-
-