From 3eba46b487692034a9cf98cb436a58326f839994 Mon Sep 17 00:00:00 2001
From: lihui_ocr <lihui1@qq.com>
Date: Fri, 26 Apr 2024 17:25:57 +0800
Subject: [PATCH] =?UTF-8?q?feat:=E8=83=8C=E6=99=AF=E7=84=B6=E5=90=8E?=
 =?UTF-8?q?=E9=AB=98=E5=BA=A6=E9=80=82=E9=85=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/task/content/Content.vue      | 12 ++++++------
 src/views/worksheet/content/Content.vue |  4 +++-
 2 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/src/views/task/content/Content.vue b/src/views/task/content/Content.vue
index e658afd..46d38e4 100644
--- a/src/views/task/content/Content.vue
+++ b/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;
@@ -1770,7 +1770,7 @@ function nodrage() {
           width: 122px;
           height: 70px;
           overflow: hidden;
-          background-size: cover;
+          background-size:cover;
           background-position: center;
           background-repeat: no-repeat;
           border-radius: 8px;
@@ -1842,7 +1842,7 @@ function nodrage() {
         width: 230px;
         height: 130px;
         overflow: hidden;
-        background-size: cover;
+         background-size:cover;
         background-position: center;
         background-repeat: no-repeat;
         border-radius: 8px;
@@ -2102,7 +2102,7 @@ function nodrage() {
       width: 230px;
       height: 130px;
       overflow: hidden;
-      background-size: cover;
+        background-size:cover;
       background-position: center;
       background-repeat: no-repeat;
       border-radius: 8px;
diff --git a/src/views/worksheet/content/Content.vue b/src/views/worksheet/content/Content.vue
index f81adb2..9578e85 100644
--- a/src/views/worksheet/content/Content.vue
+++ b/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;
 
-- 
2.39.3