imgeditor

src/views/business/case/imgEditor.vue

@@ -388,7 +388,7 @@ const init = (src) => {
       theme: customTheme, // 自定义样式
     },
     cssMaxWidth: 1000, // canvas 最大宽度
-    cssMaxHeight: 800
+    cssMaxHeight: 600
   })
  
   document.getElementsByClassName('tui-image-editor-main')[0].style.top = '45px'; // 调整图片显示位置
@@ -425,6 +425,8 @@ defineExpose({ init, save });
   align-items: center !important;
   background: transparent;
   height: 40px !important;
+ 
+
 }
 .tui-image-editor-container .color-picker-value {
   width: 20px !important;
@@ -490,4 +492,21 @@ defineExpose({ init, save });
   font-size: 17px;
   opacity: 0.8;
 }
+.tui-image-editor-container .tui-image-editor-help-menu.top{
+  top:4px!important;
+}
+.tui-image-editor-submenu{
+  bottom:-44px!important;
+}
+#tui-image-editor{
+  height:660px!important;
+
+  overflow-y: auto;
+}
+.ant-modal-body{
+  padding: 0 !important;
+}
+.tui-image-editor-container .tui-image-editor-main-container{
+  bottom: 93px!important;
+}
 </style>