<template>
|
<router-view></router-view>
|
</template>
|
<script setup>
|
import {onMounted} from 'vue'
|
import DevicePixelRatio from '@/utils/evicePixelRatio.js';
|
|
// 定义一个函数来调整 body 的缩放比例
|
function bodyScale() {
|
const deviceheight = document.documentElement.clientHeight;
|
const scale = deviceheight / 740;
|
document.body.style.zoom = scale;
|
}
|
|
// 在组件挂载时执行
|
onMounted(() => {
|
new DevicePixelRatio().init();
|
bodyScale();
|
});
|
</script>
|
<style scoped>
|
/* 你的样式内容 */
|
</style>
|
