修改页面detail和coll字体以及比例

src/component/HomePage/scaleImage.vue

@@ -3,7 +3,7 @@
             class="scaleImage_modal"
             v-model:visible="scaleImage"
             :footer="null"
-            width="65%"
+            width="78%"
             :maskClosable="false"
             :centered="true"
             :closable="false"
@@ -151,7 +151,7 @@ export default defineComponent({
 	.ant-modal-body {
         padding: 0;
 		// height: calc(65vh - 6.4rem);
-		height: calc(100rem*.614);
+		height: calc(65rem*1.2);
 		// background-color: #181818;
 		display: flex;
 		flex-direction: column;
@@ -162,19 +162,19 @@ export default defineComponent({
     .scaleImage_btn {
 		.collection_closeIcon{
 			position: absolute;
-			top: 2rem;
-			right: 2rem;
+			top: calc(2rem*1.2);
+			right: calc(2rem*1.2);
 			cursor: pointer;
-			width: 4rem;
-			height: 4rem;
+			width: calc(4rem*1.2);
+			height: calc(4rem*1.2);
 			display: flex;
 			align-items: center;
 			justify-content: center;
 			&.left{
-				left: 2rem;
+				left: calc(2rem*1.2);
 			}
 			.fi-rr-cross-small::before{
-				padding: .2rem;
+				padding: calc(.2rem*1.2);
 				border-radius: 5px;
 				border: solid 2px rgba(0, 0, 0, 0.22);
 				transition: .3s all;
@@ -197,16 +197,16 @@ export default defineComponent({
 		display: flex;
 		justify-content: center;
 		height: 75%;
-		margin-top: 5rem;
+		margin-top: calc(5rem*1.2);
 		img{
 			width: auto;
-			max-width: 50rem;
+			max-width: calc(50rem*1.2);
 			height: 100%;
 		}
 	}
 	.scaleImage_nav{
 		flex: 1;
-		margin: 2.5rem 0rem;
+		margin: calc(2.5rem*1.2) calc(0rem*1.2);
 		display: flex;
 		justify-content: center;
 		align-items: center;
@@ -224,8 +224,8 @@ export default defineComponent({
 			}
 		}
 		.nav_list{
-			margin: 0 2rem;
-			max-width:  60rem;
+			margin: 0 calc(2rem*1.2);
+			max-width:  calc(60rem*1.2);
 			overflow-y: hidden;
 			&.nav_list::-webkit-scrollbar {
 				display: none;
@@ -235,22 +235,22 @@ export default defineComponent({
 				display: flex;
 			}
 			img{
-				max-width: 5rem;
-				max-height: 5rem;
+				max-width: calc(5rem*1.2);
+				max-height: calc(5rem*1.2);
 				object-fit: cover;
 				object-position: 50%,50%;
-				margin-left: 1rem;
-				border-radius: 1rem;
+				margin-left: calc(1rem*1.2);
+				border-radius: calc(1rem*1.2);
 				overflow: hidden;
 				cursor: pointer;
-				padding: .1rem;
+				padding: calc(.1rem*1.2);
 				flex-shrink: 0;
 				&.active{
 					border: 2px solid #aaaaaa;
 				}
 			}
 			img:nth-child(1){
-				margin-left: 0rem;
+				margin-left: calc(0rem*1.2);
 			}
 		}
 	}