From b39cbf142ca026f66996752d9e35ba50d08d270d Mon Sep 17 00:00:00 2001
From: ljx <864490211@qq.com>
Date: Tue, 6 Aug 2024 17:44:17 +0800
Subject: [PATCH] =?UTF-8?q?=E5=8A=A8=E6=80=81=E4=BF=AE=E6=94=B9=E5=B0=BA?=
 =?UTF-8?q?=E5=AF=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/index.html                    |  1 +
 src/components/datav/index.vue       |  7 +++++--
 src/components/datav/scrollBoard.vue |  8 +++++---
 src/main.js                          | 12 +++++++++++-
 4 files changed, 22 insertions(+), 6 deletions(-)

diff --git a/public/index.html b/public/index.html
index d49e9f7..3afc9c0 100644
--- a/public/index.html
+++ b/public/index.html
@@ -14,4 +14,5 @@
     <div id="app"></div>
     <!-- built files will be auto injected -->
   </body>
+  
 </html>
diff --git a/src/components/datav/index.vue b/src/components/datav/index.vue
index d49dccb..2468309 100644
--- a/src/components/datav/index.vue
+++ b/src/components/datav/index.vue
@@ -1,7 +1,9 @@
 <template>
   <div id="data-view">
-    <dv-full-screen-container>
+    <!-- <dv-full-screen-container> -->
+      <div id="dv-full-screen-container" style="width: 100%;height: 100%;position: fixed;overflow: hidden;">
 
+      
       <top-header :Name = "showData.name" :Times = "showData.times"/>
 
       <div class="main-content" v-if="loadingDone">
@@ -25,7 +27,8 @@
       <dv-loading v-else>Loading...</dv-loading>
       <div style="height: 5%;width: 100%;"></div>
      
-    </dv-full-screen-container>
+    <!-- </dv-full-screen-container> -->
+  </div>
   </div>
 </template>
 
diff --git a/src/components/datav/scrollBoard.vue b/src/components/datav/scrollBoard.vue
index 854b43e..6cbda16 100644
--- a/src/components/datav/scrollBoard.vue
+++ b/src/components/datav/scrollBoard.vue
@@ -26,6 +26,8 @@ export default {
     }
   },
   created () {
+    this.config.headerHeight = this.$fontSize(0.50);
+    this.config.columnWidth = [this.$fontSize(1),this.$fontSize(1.5),this.$fontSize(1)];
     this.config.data = JSON.parse(JSON.stringify(this.ScrollList))
   }
 }
@@ -35,7 +37,7 @@ export default {
 #scroll-board {
   width:25%;
   box-sizing: border-box;
-  margin-left: 20px;
+  margin-left: 0.2rem;
   height: 100%;
   overflow: hidden;
 }
@@ -43,10 +45,10 @@ export default {
 </style>
 <style>
 .dv-scroll-board .header{
-  font-size: 20px !important;
+  font-size: 0.2rem !important;
   font-weight: bold !important;
 }
 .dv-scroll-board .rows .row-item{
-  font-size: 20px !important;
+  font-size: 0.2rem !important;
 }
 </style>
diff --git a/src/main.js b/src/main.js
index 9ceff69..c946b63 100644
--- a/src/main.js
+++ b/src/main.js
@@ -8,7 +8,17 @@ import api from './api'
 
 Vue.config.productionTip = false
 Vue.prototype.$api = api
-
+  function resizeFont() {
+    const designWidth = 1920; // 设计稿宽度，例如iPhone 6的宽度
+    const maxWidth = 1920; // 最大支持宽度
+    const screenWidth = Math.min(window.innerWidth, maxWidth);
+    const scale = screenWidth / designWidth;
+    document.documentElement.style.fontSize = `${100 * scale}px`;
+  }
+  // 初始调用
+  resizeFont();
+  // 监听窗口大小变化
+  window.addEventListener('resize', resizeFont);
 let fontSize = function(res) {
   let clientWidth =
     window.innerWidth ||