udpate

gaosp

2024-01-13 2208226a49806b2574cf971c5e76a1bdc7fda7d3

udpate

 src/assets/rem.js

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

 src/container/workshop/device.vue

@@ -1,7 +1,7 @@
<!--
 * @Date: 2024-01-13 20:46:33
 * @LastEditors: Sneed
 * @LastEditTime: 2024-01-13 22:39:16
 * @LastEditTime: 2024-01-13 23:35:27
 * @FilePath: /belleson-frontend/Users/mache/Documents/demo/mdc/src/container/workshop/device.vue
-->
<template>
@@ -20,21 +20,21 @@
                <li>
                    <img src="./img/sd.png" alt="">
                    <div>
                        <p>{{ item.cycleCount }}</p>
                        <p>{{ item.cycleCount || 0 }}</p>
                        <p>能力利用率</p>
                    </div>
                </li>
                <li>
                    <img src="./img/sd.png" alt="">
                    <div>
                        <p>{{ item.cycleCount }}</p>
                        <p>{{ item.cycleCount || 0 }}</p>
                        <p>日利用率</p>
                    </div>
                </li>
                <li>
                    <img src="./img/sd.png" alt="">
                    <div>
                        <p>{{ item.cycleCount }}</p>
                        <p>{{ item.cycleCount || 0 }}</p>
                        <p>完工件数</p>
                    </div>
                </li>
@@ -93,10 +93,11 @@
    &>p:before {
        content: '';
        position: absolute;
        z-index: 0;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        width: 60px;
        width: 30px;
        height: 1px;
        background: linear-gradient(270deg, #65A5D6 0%, rgba(11,70,115,0) 100%);
    }
@@ -106,7 +107,7 @@
        top: 50%;
        right: 0;
        transform: translateY(-50%);
        width: 60px;
        width: 30px;
        height: 1px;
        background: linear-gradient(90deg, #65A5D6 0%, rgba(11,70,115,0) 100%);
    }

 src/views/login/index.vue

@@ -206,8 +206,8 @@
    padding-left: 30px;

    height: 94px;

    flex: 0 0 auto;

    background-image: url('~@/assets/img/login/top.png');

    background-size: contain;

    background: url('~@/assets/img/login/top.png') 100% 100% no-repeat;

    // background-size: cover;

    img {

      display: inline-block;

      width: 500px;