裁剪框修改

src/views/badge/index.vue

@@ -9,8 +9,14 @@ import { onMounted, ref } from 'vue';
 const show = ref(false)
 const imgShow = ref(false)
 const router = useRouter()
-const option = ref({})
+const option = ref({
-const options = ref({})
+  autoCropWidth: 1000,
+  autoCropHeight: 1000,
+})
+const options = ref({
+  autoCropWidth: 1000,
+  autoCropHeight: 1000,
+})
 const imgurl = ref('')
 const imgBgUrl = ref('')
 const isBgShow = ref(true)
@@ -396,7 +402,7 @@ onMounted(() => {
       </div>
       <img class="photo-upload-img" v-if="picture" :src="picture" alt="" srcset="">
       <div class="photo-upload-box-1">
-        <h5-cropper :option="option" @getbase64Data="getbase64Data" @getFile="getFile" @getblob='getBlob'></h5-cropper>
+        <h5-cropper :option="option" @getbase64Data="getbase64Data" @getFile="getFile" @getblob='getBlob' ></h5-cropper>
       </div>
     </div>
     <div style="font-size: 12px; color: red; margin-top: 16px; text-align: center;">温馨提示：请上传只有1-2人的照片</div>
@@ -1029,4 +1035,11 @@ onMounted(() => {
   width: 18px;
   height: 12px;
 }
+.btndiv {
+  position: fixed;
+  bottom: 10vh;
+  width: 80%;
+  left: 50%;
+  transform: translateX(-50%);
+}
 </style>