Compare commits

..

No commits in common. "3acfcc58e03ad5f08b366adb4d06ad1dc13a6de3" and "bd821161560ee10e188d07e9745245d238ea7160" have entirely different histories.

3 changed files with 7 additions and 34 deletions

View File

@ -1,22 +1,12 @@
<script setup>
import size1920 from '@/views/home/size1920/index.vue'
import size375 from '@/views/home/size375/index.vue'
import { computed } from 'vue'
import { useWindowSize } from '@vueuse/core'
const { width } = useWindowSize()
const viewComponent = computed(() => {
const viewWidth = width.value
if (viewWidth <= 450) {
return size375
} else if (viewWidth <= 1920 || viewWidth > 1920) {
return size1920
}
})
import customHeader from '@/components/customHeader/index.vue'
import customFooter from '@/components/customFooter/index.vue'
</script>
<template>
<component :is="viewComponent" />
<customHeader />
<router-view />
<customFooter />
</template>
<style scoped lang="scss"></style>

View File

@ -1,21 +1,13 @@
<script setup>
import { NCarousel, NDivider, NMarquee, NPopselect } from 'naive-ui'
import { onUnmounted, ref, watch, onMounted, computed } from 'vue'
import customHeader from '@/components/customHeader/index.vue'
import customFooter from '@/components/customFooter/index.vue'
</script>
<template>
<!-- <header className="header">
1920
</header> -->
<!-- <main ref="main"></main> -->
<customHeader />
<div style="margin: 80px 0;">
<router-view />
</div>
<customFooter />
<main ref="main"></main>
</template>
<style scoped lang="scss">

View File

@ -1,22 +1,13 @@
<script setup>
import { NCarousel, NDivider, NMarquee, NPopselect } from 'naive-ui'
import { onUnmounted, ref, watch, onMounted, computed } from 'vue'
import customHeader from '@/components/customHeader/index.vue'
import customFooter from '@/components/customFooter/index.vue'
</script>
<template>
<!-- <header className="header">
375
</header> -->
<!-- <main ref="main"></main> -->
<customHeader />
<div style="margin: 80px 0;">
<router-view />
</div>
<customFooter />
<main ref="main"></main>
</template>
<style scoped lang="scss">