31 lines
882 B
Vue
31 lines
882 B
Vue
<script setup>
|
|
import {useAdaptation} from "@/utils/self-adaption.js";
|
|
import {sizes} from "@/dict/index.js";
|
|
import size375 from '@/views/login/size375/index.vue'
|
|
import size768 from '@/views/login/size768/index.vue'
|
|
import size1440 from '@/views/login/size1440/index.vue'
|
|
import size1920 from '@/views/login/size1920/index.vue'
|
|
import {computed} from "vue";
|
|
const {currentRange }= useAdaptation([ {minWidth:'0px',maxWidth:'768px'}, {minWidth:'768px',maxWidth:'1440px'}, {minWidth:'1440px',maxWidth: '1920px'}, {minWidth:'1920px'}])
|
|
const viewComponent = computed(()=>{
|
|
switch (currentRange.value?.minWidth){
|
|
case '0px':
|
|
return size375
|
|
case '768px':
|
|
return size768
|
|
case '1440px':
|
|
return size1440
|
|
case '1920px':
|
|
return size1920
|
|
}
|
|
})
|
|
</script>
|
|
|
|
<template>
|
|
<component :is="viewComponent"></component>
|
|
</template>
|
|
|
|
<style scoped lang="scss">
|
|
|
|
</style>
|