| | |
|---|
| | | <template> |
|---|
| | | |
|---|
| | | <router-view></router-view> |
|---|
| | | |
|---|
| | | </template> |
|---|
| | | <script setup> |
|---|
| | | import {ref} from 'vue' |
|---|
| | | import { RouterView } from 'vue-router' |
|---|
| | | 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> |
|---|
| | | /* 你的样式内容 */ |
|---|
| | | </style> |
|---|
