bug修改

index.html

@@ -9,7 +9,7 @@
     <title>葡哇立体肖像</title>
   </head>
   <body>
-    <div id="app"></div>
+    <div id="app" style="max-width: 500px;margin: 0 auto;"></div>
     <script type="module" src="/src/main.ts"></script>
   </body>
   <style>

src/views/badge/index.vue

@@ -170,7 +170,7 @@
       </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" @imgorigoinf="imgorigoinf" ></h5-cropper>
+        <h5-cropper :option="option" @getbase64Data="getbase64Data" @imgorigoinf="imgorigoinf"></h5-cropper>
       </div>
     </div>
     <div style="font-size: 12px; color: red; margin-top: 16px; text-align: center;" v-if="prodId == 7">温馨提示：请上传只有{{ prop == '3D真人肖像' ? '1' : '1-3' }}人的照片</div>
@@ -259,7 +259,7 @@ const option = ref({
   fixedNumber: [3, 4],
   fixedBox: false,
   canMoveBox: true,
-  enlarge: 6
+  enlarge: 2
 })
 const options = ref({
   autoCropWidth: 1000,
@@ -732,7 +732,7 @@ onMounted(() => {
 })
 </script>
 
-<style scoped>
+<style lang="scss" scoped>
 .photo-upload-page {
   height: auto;
   overflow-y: scroll!important;