Merge pull request 'feat:背景然后高度适配' (#266) from fix/change_task into test

Reviewed-on: #266

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;

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;