35 lines
863 B
Vue
35 lines
863 B
Vue
|
<script setup>
|
||
|
|
import { computed } from 'vue'
|
||
|
|
import { useWindowSize } from '@vueuse/core'
|
||
|
|
|
||
|
|
import size375 from '@/components/customFooter/size375/index.vue'
|
||
|
|
import size1920 from '@/components/customFooter/size1920/index.vue'
|
||
|
|
import { useRouter } from 'vue-router'
|
||
|
|
import { useI18n } from 'vue-i18n'
|
||
|
|
|
||
|
|
const router = useRouter()
|
||
|
|
const { width } = useWindowSize()
|
||
|
|
const { t } = useI18n()
|
||
|
|
|
||
|
|
const viewComponent = computed(() => {
|
||
|
|
const viewWidth = width.value
|
||
|
|
if (viewWidth <= 450) {
|
||
|
|
return size375
|
||
|
|
}
|
||
|
|
// else if (viewWidth <= 1100) {
|
||
|
|
// return size768;
|
||
|
|
// } else if (viewWidth <= 1500) {
|
||
|
|
// return size1440;
|
||
|
|
// }
|
||
|
|
else if (viewWidth <= 1920 || viewWidth > 1920) {
|
||
|
|
return size1920
|
||
|
|
}
|
||
|
|
})
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<template>
|
||
|
|
<component :is="viewComponent" />
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<style scoped lang="scss"></style>
|