udpate

gaosp

2024-01-15 5ecab86c4c2db019e47830c048246bb125aecbd5

udpate

 src/assets/rem.js

@@ -1,7 +1,7 @@
/*
 * @Date: 2024-01-04 21:16:19
 * @LastEditors: Sneed
 * @LastEditTime: 2024-01-13 23:30:56
 * @LastEditTime: 2024-01-15 20:44:17
 * @FilePath: /belleson-frontend/Users/mache/Documents/demo/mdc/src/assets/rem.js
 */
// 配置基本大小
@@ -10,9 +10,9 @@
// 设置 rem 函数
function setRem () {
    //当前页面宽度相对于1920px屏幕宽的缩放比例，可根据自己需要修改。
    let scale = document.documentElement.clientWidth / 1440;
    let scale = document.documentElement.clientWidth / 1920;
    //设置页面根节点字体大小（“Math.min(scale, 2)” 指最高放大比例为2，可根据实际业务需求调整）
    document.documentElement.style.fontSize = baseSize * Math.min(scale, 1) + 'px'
    document.documentElement.style.fontSize = baseSize * Math.min(scale, 2) + 'px'
}
setRem(); //初始化
 

 src/container/home/index.vue

@@ -3,7 +3,7 @@
        <template slot="menu">
            <div class="menu-container">
                <ul class="">
                    <!-- <li :class="activeId ==='1' ? 'active' : ''" @click="navigateTo('1')">状态监控</li> -->
                    <li :class="activeId ==='1' ? 'active' : ''" @click="navigateTo('1')">状态监控</li>
                    <li :class="activeId ==='preview' ? 'active' : ''" @click="navigateTo('preview')">大屏展示</li>
                    <li :class="activeId ==='2' ? 'active' : ''" @click="navigateTo('2')">
                        <span>
@@ -30,7 +30,7 @@
                            <li @click="navigateTo('maintenance', {style: 4})">三级</li>
                        </ul>
                    </li>
                    <!-- <li :class="activeId ==='5' ? 'active' : ''" @click="navigateTo('5')">
                    <li :class="activeId ==='5' ? 'active' : ''" @click="navigateTo('5')">
                        <span>
                            报表生成<i class="el-icon-caret-bottom"></i>
                        </span>
@@ -40,8 +40,8 @@
                            <li>2厂</li>
                            <li>2厂</li>
                        </ul>
                    </li> -->
                    <!-- <li :class="activeId ==='6' ? 'active' : ''" @click="navigateTo('6')">班次设置</li> -->
                    </li>
                    <li :class="activeId ==='6' ? 'active' : ''" @click="navigateTo('6')">班次设置</li>
                    <li :class="activeId ==='7' ? 'active' : ''" @click="navigateTo('7')">工件信息</li>
                    <li :class="activeId ==='8' ? 'active' : ''" @click="navigateTo('8')">
                        <span>