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;