2024/01/24 需求变更

src/utils/rem.js

@@ -4,11 +4,14 @@ const baseSize = 16
 function setRem() {
   // 当前页面宽度相对于 1920 宽的缩放比例，可根据自己需要修改。
   const scale = document.documentElement.clientWidth / 1920
-  // 设置页面根节点字体大小, 字体大小最小为12
-  document.documentElement.style.fontSize = baseSize * Math.min(scale, 2) + 'px'
+  const fontSize = (baseSize * Math.min(scale, 2)) > 7.2 ? (baseSize * Math.min(scale, 2)) : 7.2
+  console.log('fontSize', (baseSize * Math.min(scale, 2)))
+  document.documentElement.style.fontSize = fontSize + 'px'
 }
 // 初始化
 setRem()
+
+// 初始化
 // 改变窗口大小时重新设置 rem,这里最好加上节流
 window.onresize = function() {
   setRem()

src/views/checkList.vue

@@ -282,7 +282,7 @@ export default {
 <style scoped lang="scss">
 .CheckBobyList {
   ::v-deep .el-form-item__content{
-    margin-left: 3.1rem !important;
+    //margin-left: 3.1rem !important;
   }
   ::v-deep .el-input__inner {
     padding-right: 13px;
@@ -303,11 +303,11 @@ export default {
   //检查表主题
   .checkList {
     .smallInput {
-      width: 14rem;
+      width: 11rem;
     }
 
     .normalInput {
-      width: 38.9rem;;
+      width: 34rem;
       height: 32px;
       background: #ffffff;
       border: 1px solid #d9d9d9;
@@ -390,7 +390,7 @@ export default {
         }
 
         .appearance {
-          width: 38.9rem;
+          width: 34rem;
           height: 5.1rem;
           margin-left: 0.5rem;
           background: #f4f4f4;
@@ -443,7 +443,7 @@ export default {
 
         .recordOneContainer {
           margin-top: 16px;
-          width: 38.9rem;
+          width: 34rem;;
           height: 37rem;
           background: rgba(0, 87, 255, 0.05);
           border-radius: 4px;
@@ -512,7 +512,7 @@ export default {
 
         .recordTwoContainer {
           margin-top: 16px;
-          width: 38.9rem;
+          width: 34rem;;
           height: 37rem;
           background: rgba(0, 87, 255, 0.05);
           border-radius: 4px;
@@ -672,7 +672,7 @@ export default {
 
           .imgText {
             margin-top: 8px;
-            width: 48px;
+            width: 5rem;
             height: 16px;
             font-size: 12px;
             font-family: Microsoft YaHei, Microsoft YaHei-400;