修改样式

src/views/natural-resources/components/my-resources/upload-cover/index.module.less

@@ -86,6 +86,21 @@
 
     .cropper-view-box {
       outline-color: #198CFE !important;
+      outline-width: 2px !important;
+    }
+
+    .cropper-point {
+      width: 5px !important;
+      height: 5px !important;
+    }
+
+    .cropper-bg {
+      background-image: none !important;
+    }
+
+    .cropper-modal {
+      background-color: #F7F8F9;
+      opacity: 0.7;
     }
   }
 }
@@ -93,7 +108,7 @@
 .imgCropperSection {
   width: 633px;
   height: 407px;
-  overflow: hidden;
+  // overflow: hidden;
 
   img {
     max-width: 100%;

src/views/natural-resources/components/my-resources/upload-cover/index.tsx

@@ -152,10 +152,10 @@ export default defineComponent({
             copperOptions.value.autoCropHeight,
           initialAspectRatio: 1,
           autoCropArea: 1, //定义0到1之间的fA编号。定义自动裁剪区域大小（百分比）。默认0.8
-          cropBoxMovable: false, //允许通过拖动移动裁剪框。默认true
-          cropBoxResizable: false, //以通过拖动来调整裁剪框的大小 默认true
+          cropBoxMovable: true, //允许通过拖动移动裁剪框。默认true
+          cropBoxResizable: true, //以通过拖动来调整裁剪框的大小 默认true
           background: true, //显示容器的网格背景
-          movable: true, //移动图像
+          movable: false, //移动图像
           modal: true,
           preview: '.before',
           ready: () => {