2023-10-27

上传模特截取模特图片大小功能

src/component/HomePage/layout.vue

@@ -677,6 +677,8 @@ export default defineComponent({
 			display: flex;
 			margin-top: 2rem;
 			justify-content: center;
+			max-height: 13%;
+			overflow: hidden;
 			.active{
 				img{
 					border: 2px solid;
@@ -684,11 +686,18 @@ export default defineComponent({
 					box-sizing: border-box;
 				}
 			}
-			img{
-				width:5rem;
-                cursor: pointer;
-				margin: 0 2rem;
+			>div{
+				max-height: 13%;
+				overflow: hidden;
+				img{
+					object-fit: cover;
+					width:5rem;
+					cursor: pointer;
+					margin: 0 2rem;
+					max-height: 100%;
+				}
 			}
+			
 		}
 		.layout_centent{
 			display: flex;
@@ -854,6 +863,10 @@ export default defineComponent({
 				height: 100%;
 				
 			}
+			.wh8{
+				width: 100%;
+				height: 48.5%;
+			}
 			.w1h2{
 				width: 23%;
 				height: 100%;