From 04477a62f8966e9aabc31421bab138960eff323e Mon Sep 17 00:00:00 2001
From: hejianhao <15708179461@qq.com>
Date: 星期三, 26 三月 2025 15:57:29 +0800
Subject: [PATCH] 除地图外所有接口对接、样式调整
---
src/App.vue | 38 +++++++++++++++++++++++++++++++++++++-
1 files changed, 37 insertions(+), 1 deletions(-)
diff --git a/src/App.vue b/src/App.vue
index c4454e1..d59fa9e 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,8 +1,38 @@
<template>
<div id="app">
- <router-view />
+ <div class="screen-adapter">
+ <router-view />
+ </div>
</div>
</template>
+
+<script>
+export default {
+ name: 'App',
+ mounted() {
+ this.handleScreenAdapter()
+ window.addEventListener('resize', this.handleScreenAdapter)
+ },
+ beforeDestroy() {
+ window.removeEventListener('resize', this.handleScreenAdapter)
+ },
+ methods: {
+ handleScreenAdapter() {
+ const designWidth = 1920
+ const designHeight = 1080
+ const scale = Math.min(
+ window.innerWidth / designWidth,
+ window.innerHeight / designHeight
+ )
+ const screenAdapter = document.querySelector('.screen-adapter')
+ screenAdapter.style.transform = `scale(${scale})`
+ screenAdapter.style.transformOrigin = 'left top'
+ screenAdapter.style.width = `${window.innerWidth / scale}px`
+ screenAdapter.style.height = `${window.innerHeight / scale}px`
+ }
+ }
+}
+</script>
<style>
* {
@@ -25,5 +55,11 @@
width: 100%;
height: 100%;
overflow: hidden;
+ margin: 0 !important;
+ padding: 0 !important;
+}
+
+.screen-adapter {
+ transform-origin: left top;
}
</style>
\ No newline at end of file
--
Gitblit v1.7.1