修改样式

zdxt-web-client/zdxt-efcode-enforcement-app/src/views/enforcement/scanEntQRCode.vue

@@ -550,6 +550,9 @@ onBeforeUnmount(() => {
 
     .warp_body {
         position: relative;
+        flex: 1;
+        overflow-y: auto;
+        -webkit-overflow-scrolling: touch;
         background-image: linear-gradient(to bottom, #ebf3fb, transparent);
     }
 
@@ -580,6 +583,9 @@ onBeforeUnmount(() => {
     margin: 0 3%;
     width: 94%;
     height: 99%;
+    box-sizing: border-box;
+    /* 为底部固定的补录栏预留空间，避免内容被遮挡 */
+    padding-bottom: 2rem;
     background-color: #fff;
     border-radius: 0.27rem;
 }
@@ -602,18 +608,25 @@ onBeforeUnmount(() => {
 }
 
 .record {
-    position: absolute;
+    /* 固定在页面底部，内容滚动时始终可见，避免被上方区域覆盖导致点击失效 */
+    position: fixed;
+    left: 3%;
+    right: 3%;
     bottom: 2rem;
+    z-index: 200;
     color: #bbbaba;
     font-size: 0.35rem;
-    width: 100%;
     text-align: center;
     white-space: nowrap;
+    background-color: #fff;
 }
 
 .record div {
+    position: relative;
+    z-index: 200;
     color: #287eef;
     display: inline-block;
+    cursor: pointer;
 }
 
 /* ========== html5-qrcode 扫码弹层样式 ========== */