diff --git a/src/components/Upload/src/components/ImageUpload.vue b/src/components/Upload/src/components/ImageUpload.vue
index a1734f1c..41656d87 100644
--- a/src/components/Upload/src/components/ImageUpload.vue
+++ b/src/components/Upload/src/components/ImageUpload.vue
@@ -376,7 +376,7 @@
         bottom: 0;
         width: 100%;
         .ant-image-preview-operations-operation{
-          flex:1;
+          // flex:1;
         }
       }
       .ant-image-preview-operations-operation:nth-last-child(1){
diff --git a/src/design/index.less b/src/design/index.less
index 21c5d7f4..15bcfb28 100644
--- a/src/design/index.less
+++ b/src/design/index.less
@@ -70,4 +70,10 @@ ul {
 .ant-input[disabled]{
   color: rgba(0, 0, 0, 0.8);
 }
+.ant-image-preview-operations{
+  background-color: rgba(0, 0, 0, 0.8);
+  span{
+    font-size: 25px;
+  }
+}
 
diff --git a/src/views/demo/degraining/curbspotcity/MapList/ShowInfoModal/index.vue b/src/views/demo/degraining/curbspotcity/MapList/ShowInfoModal/index.vue
index 399cf493..63f48330 100644
--- a/src/views/demo/degraining/curbspotcity/MapList/ShowInfoModal/index.vue
+++ b/src/views/demo/degraining/curbspotcity/MapList/ShowInfoModal/index.vue
@@ -533,7 +533,7 @@
 
 <style lang="scss" scoped>
   .image-div {
-    width: 330px;
+    min-width: 340px;
     max-height: 220px;
     overflow: auto;
   }
@@ -563,9 +563,13 @@
   :deep(.ant-image-preview-switch-left){
     position: absolute;
   }
+  :deep(.ant-image-preview-switch-right){
+    position: absolute;
+  }
   .info-container {
     // float: left;
     position: relative;
+    flex: 1;
     :deep(.ant-image-preview-wrap) {
       position: absolute;
     }
@@ -580,7 +584,7 @@
         top: 0;
         width: 100%;
         .ant-image-preview-operations-operation{
-          flex:1;
+          // flex:1;
         }
       }
       .ant-image-preview-operations-operation:nth-last-child(1){
diff --git a/src/views/demo/degraining/curbspotcity/MapList/SplitPolygonModal/index.vue b/src/views/demo/degraining/curbspotcity/MapList/SplitPolygonModal/index.vue
index aaf4fad4..1aa8d500 100644
--- a/src/views/demo/degraining/curbspotcity/MapList/SplitPolygonModal/index.vue
+++ b/src/views/demo/degraining/curbspotcity/MapList/SplitPolygonModal/index.vue
@@ -900,7 +900,7 @@
 
 <style lang="scss" scoped>
   .image-div {
-    width: 330px;
+    min-width: 340px;
     max-height: 220px;
     overflow: auto;
   }
@@ -947,7 +947,7 @@
             top: 0;
             width: 100%;
             .ant-image-preview-operations-operation{
-              flex:1;
+              // flex:1;
             }
           }
           .ant-image-preview-operations-operation:nth-last-child(1){
diff --git a/src/views/demo/illegalmining/curbspotcity/MapList/ShowInfoModal/index.vue b/src/views/demo/illegalmining/curbspotcity/MapList/ShowInfoModal/index.vue
index 469ef546..13c7db54 100644
--- a/src/views/demo/illegalmining/curbspotcity/MapList/ShowInfoModal/index.vue
+++ b/src/views/demo/illegalmining/curbspotcity/MapList/ShowInfoModal/index.vue
@@ -509,7 +509,7 @@
 
 <style lang="scss" scoped>
   .image-div {
-    width: 300px;
+    min-width: 340px;
     max-height: 200px;
     overflow: auto;
   }
@@ -534,6 +534,7 @@
   .info-container {
     // float: left;
     position: relative;
+    flex: 1;
     :deep(.ant-image-preview-wrap) {
       position: absolute;
     }
@@ -548,7 +549,7 @@
         bottom: 0;
         width: 100%;
         .ant-image-preview-operations-operation{
-          flex:1;
+          // flex:1;
         }
       }
       .ant-image-preview-operations-operation:nth-last-child(1){
diff --git a/src/views/demo/illegalmining/curbspotcity/MapList/SplitPolygonModal/index.vue b/src/views/demo/illegalmining/curbspotcity/MapList/SplitPolygonModal/index.vue
index 0517ab93..9a3a2464 100644
--- a/src/views/demo/illegalmining/curbspotcity/MapList/SplitPolygonModal/index.vue
+++ b/src/views/demo/illegalmining/curbspotcity/MapList/SplitPolygonModal/index.vue
@@ -908,7 +908,7 @@
             bottom: 0;
             width: 100%;
             .ant-image-preview-operations-operation{
-              flex:1;
+              // flex:1;
             }
           }
           .ant-image-preview-operations-operation:nth-last-child(1){
diff --git a/src/views/demo/tiankongdi/curbspotcity/MapList/ShowInfoModal/index.vue b/src/views/demo/tiankongdi/curbspotcity/MapList/ShowInfoModal/index.vue
index 9c119d7b..06f3729b 100644
--- a/src/views/demo/tiankongdi/curbspotcity/MapList/ShowInfoModal/index.vue
+++ b/src/views/demo/tiankongdi/curbspotcity/MapList/ShowInfoModal/index.vue
@@ -533,7 +533,7 @@
 
 <style lang="scss" scoped>
   .image-div {
-    width: 330px;
+    min-width: 340px;
     max-height: 220px;
     overflow: auto;
   }
@@ -563,9 +563,13 @@
   :deep(.ant-image-preview-switch-left){
     position: absolute;
   }
+  :deep(.ant-image-preview-switch-right){
+    position: absolute;
+  }
   .info-container {
     // float: left;
     position: relative;
+    flex: 1;
     :deep(.ant-image-preview-wrap) {
       position: absolute;
     }
@@ -580,7 +584,7 @@
         top: 0;
         width: 100%;
         .ant-image-preview-operations-operation{
-          flex:1;
+          // flex:1;
         }
       }
       .ant-image-preview-operations-operation:nth-last-child(1){
diff --git a/src/views/demo/tiankongdi/curbspotcity/MapList/SplitPolygonModal/index.vue b/src/views/demo/tiankongdi/curbspotcity/MapList/SplitPolygonModal/index.vue
index 65ca7945..1961fe2d 100644
--- a/src/views/demo/tiankongdi/curbspotcity/MapList/SplitPolygonModal/index.vue
+++ b/src/views/demo/tiankongdi/curbspotcity/MapList/SplitPolygonModal/index.vue
@@ -900,7 +900,7 @@
 
 <style lang="scss" scoped>
   .image-div {
-    width: 330px;
+    min-width: 340px;
     max-height: 220px;
     overflow: auto;
   }
@@ -947,7 +947,7 @@
             top: 0;
             width: 100%;
             .ant-image-preview-operations-operation{
-              flex:1;
+              // flex:1;
             }
           }
           .ant-image-preview-operations-operation:nth-last-child(1){
diff --git a/src/views/demo/workflow/task/process/audit.vue b/src/views/demo/workflow/task/process/audit.vue
index 5a229d9c..110d4e4b 100644
--- a/src/views/demo/workflow/task/process/audit.vue
+++ b/src/views/demo/workflow/task/process/audit.vue
@@ -1104,7 +1104,7 @@
         top: 0;
         width: 100%;
         .ant-image-preview-operations-operation{
-          flex:1;
+          // flex:1;
         }
       }
       .ant-image-preview-operations-operation:nth-last-child(1){