fix

src/component/HomePage/Cropper.vue

@@ -1,7 +1,9 @@
 <template>
-      <a-modal class="modal_component cut_pricture_modal"
+		<div ref="cutPrictureModal">
+      <a-modal class="generalModel cut_pricture_modal"
         v-model:visible="cutPicuterModal" 
         :footer="null" 
+		:get-container="() => $refs.cutPrictureModal"
         width="78%"
         :maskClosable="false"
         :centered="true"
@@ -30,6 +32,7 @@
                         :outputType="option.outputType"
                         :auto-crop="option.autoCrop"
 						:fixedBox="!isRound"
+						:movable="true"
                         :fixed="isRound"
                         :auto-crop-width="option.autoCropWidth"
                         :auto-crop-height="option.autoCropWidth"
@@ -70,6 +73,7 @@
             </div>
         </div>
     </a-modal>
+</div>
 </template>
 <script lang="ts">
 import { defineComponent,inject } from 'vue'
@@ -168,20 +172,6 @@ export default defineComponent({
     }
 })
 </script>
-<style lang="less">
-.component_modal{
-	
-}
-.cut_pricture_modal{
-	.ant-modal-content{
-		// transform: scale(1.2);
-		// transform-origin: center !important;
-	}
-	*{
-		pointer-events: auto;
-	}
-}
-</style>
 <style lang="less" scoped>
 .cut_pricture_modal{
 	
@@ -190,7 +180,7 @@ export default defineComponent({
 	.collection_title{
 		position: absolute;
 		width: calc(100% - 10rem*1.2);
-		top: calc(4rem*1.2);
+		top: calc(3rem*1.2);
 		display: flex;
 		font-size: var(--aida-fsize2);
 		font-weight: 900;