src/views/task/content/Content.vue

@@ -790,7 +790,7 @@ function nodrage() {
               : {
                 height: '92vh',
                 flex: 1,
-
+              backgroundSize: 'cover',
                 backgroundImage: `url(${taskDetailInfo?.ocrPicture?.imgurl ? taskDetailInfo?.ocrPicture?.imgurl : bgLoadingImg})`,
               }
             : {
@@ -1534,12 +1534,12 @@ function nodrage() {
 
     .left {
       flex: 0.6;
-      background-size: cover;
+      background-size: auto 100%;
       background-position: center;
       background-repeat: no-repeat;
       border-radius: 8px;
       position: relative;
-
+    background-color: #f2f2f2;
       .preview {
         position: absolute;
         right: 10px;

src/views/worksheet/content/Content.vue

@@ -669,6 +669,7 @@ defineExpose({
               'background-image': `url(${taskDetailInfo?.imgurl})`,
               'flex': imgbigshow ? '0.6' : '0.98',
               'height': imgbigshow ? ' 100%' : '80vh',
+               'background-size': imgbigshow ? 'auto 100%' : 'cover',
             }"
 
             @mouseover="showAction"
@@ -1080,11 +1081,12 @@ defineExpose({
     .left {
       flex: 0.6;
       // background-size: auto 346px;
-      background-size: cover;
+      background-size: auto 100%;
       background-position: center;
       background-repeat: no-repeat;
       border-radius: 8px;
       position: relative;
+       background-color: #f2f2f2;
       // width: 632px;
       // height: 346px;