vue_zhongyou 1.0.18 → 1.0.20

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue_zhongyou",
-  "version": "1.0.18",
+  "version": "1.0.20",
   "description": "",
   "main": "index.js",
   "keywords": [],

package//345/212/237/350/203/275/344/273/243/347/240/201//351/241/265/351/235/242/345/223/215/345/272/224/345/274/217/351/200/202/351/205/215/main.js

@@ -0,0 +1,14 @@
+// src/main.js
+import { createApp } from 'vue'
+import App from './App.vue'
+import './assets/main.css'
+
+// 引入系统缩放感知
+import { initSystemZoom } from './utils/zoom'
+
+// 初始化系统缩放
+initSystemZoom()
+
+// 创建应用
+const app = createApp(App)
+app.mount('#app')

package//345/212/237/350/203/275/344/273/243/347/240/201//351/241/265/351/235/242/345/223/215/345/272/224/345/274/217/351/200/202/351/205/215/zoom.js

@@ -0,0 +1,28 @@
+// src/utils/zoom.js
+export function initSystemZoom() {
+    // 创建测试元素，测量系统缩放比例
+    const testDiv = document.createElement('div')
+    testDiv.style.width = '100px'
+    testDiv.style.height = '100px'
+    testDiv.style.position = 'absolute'
+    testDiv.style.top = '-9999px'
+    document.body.appendChild(testDiv)
+    
+    // 获取测试元素的实际宽度
+    const actualWidth = testDiv.offsetWidth
+    document.body.removeChild(testDiv)
+    
+    // 计算系统缩放比例
+    const zoomRatio = 100 / actualWidth
+    
+    // 设置rem基准值（16px * 缩放比例）
+    const remBase = 16 * zoomRatio
+    document.documentElement.style.fontSize = `${remBase}px`
+    
+    console.log(`系统缩放比例: ${zoomRatio.toFixed(2)}, rem基准: ${remBase}px`)
+    
+    // 监听resize事件，处理缩放变化
+    window.addEventListener('resize', initSystemZoom)
+    
+    return zoomRatio
+  }