修改 画布布局

src/component/HomePage/scaleImage.vue

@@ -439,8 +439,12 @@ export default defineComponent({
     },
 });
 </script>
-
-<style lang="less">
+<style>
+.scaleImage_modal{
+	overflow: initial !important;
+}
+</style>
+<style lang="less" scoped>
 .scaleImage_modal {
 	.ant-modal-body {
 		display: flex;
@@ -449,8 +453,9 @@ export default defineComponent({
 	.scaleImage_content{
 		display: flex;
 		justify-content: center;
-		margin-top: calc(5rem*1.2);
-		height: 75%;
+		// margin-top: calc(5rem*1.2);
+		// height: 75%;
+		height: 100%;
 		position: relative;
 		.productImg_modal{
 			position: absolute;
@@ -467,11 +472,15 @@ export default defineComponent({
 		}
 		.scaleImage_content_imgBox{
 			position: relative;
-			max-width: 70rem;
+			// max-width: 70rem;
+			width: 100%;
+			text-align: center;
+			justify-content: center;
 			img{
 				width: auto;
 				height: 100%;
 				max-width: 40rem;
+				object-fit: contain;
 			}
 			&.active{
 				display: flex;
@@ -527,6 +536,9 @@ export default defineComponent({
 		justify-content: center;
 		align-items: center;
 		width: 100%;
+		top: 105%;
+		left: 0;
+		position: absolute;
 		.nav_left,.nav_right{
 			cursor: pointer;
 			top: 50%;