样式调整

src/assets/styles/pages.scss

@@ -212,17 +212,33 @@
       flex-grow: 2;
       margin: 0 0 0 20px;
       position: relative;
-      background-color: $--color-text-gray-5;
-      border-radius: 10px;
-      overflow: hidden;
+      background-color: transparent;
+
+      &-bg {
+        background-color: $--color-text-gray-5;
+        border-radius: 10px;
+        overflow: hidden;
+      }
+
       // background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC");
 
       &-page {
         position: absolute;
-        top: 5px;
-        left: 5px;
+        top: 0px;
+        left: 0px;
         z-index: 99;
       }
+      .image-contain {
+        background-color: $--color-text-gray-5;
+        border-radius: 10px;
+        overflow: hidden;
+        position: absolute;
+        top: 35px;
+        bottom: 0;
+        left: 0;
+        right: 0;
+        height: auto;
+      }
     }
   }
 }

src/modules/record/components/LibraryDialog.vue

@@ -104,7 +104,10 @@
             :show-guide="false"
           ></image-contain>
         </div>
-        <div v-if="isSetOcrSet" class="data-check-content part-box">
+        <div
+          v-if="isSetOcrSet"
+          class="data-check-content data-check-content-bg part-box"
+        >
           <ocr-area-set
             :image-url="curPagePaper.url"
             :setting="ocrArea"