新修改

马宇豪

2024-04-10 4076c14a8eac96cd716522f2cb15dcda0eb4fcef

 src/views/bigScreen/index.vue

@@ -10,6 +10,7 @@
import screenfull from 'screenfull'
import { ElMessage, ElMessageBox } from 'element-plus';


// 定义接口来定义对象的类型
interface TableDataState {
  isScreenfull: boolean
@@ -25,7 +26,19 @@

        // 页面加载时
        onMounted(() => {
          const baseSize = 38;
          /* 设置 rem 函数 */
          function setRem() {
            const scale = document.documentElement.clientWidth / 1920; /* 当前页面宽度缩放比例，可根据自己需要修改 */
            document.documentElement.style.fontSize = baseSize * Math.min(scale, 2) + "px";/* 设置页面根节点字体大小 */
            console.log('切换尺寸>>',document.documentElement.style.fontSize)
          }
          setRem();/* 初始化 rem */

          window.onresize = () => {
            setRem();/* 改变窗口大小时重新设置 rem */
            console.log('执行切换')
          }
        });

      const clickFullscreen =() => {