完善移动端适配

2026-06-02 13:23:41 +08:00
parent 2e35fd4de9
commit d98ddd2940
17 changed files with 675 additions and 177 deletions
--- a/src/pages/events-detail/index.vue
+++ b/src/pages/events-detail/index.vue
@@ -82,6 +82,9 @@ defineExpose({})
 				margin-top: 100px;
 				padding: 10px;
 				max-width: 740px;
+				@media (max-width: 1000px) {
+					margin-top: 0px;
+				}
 				> .img{
 					margin-bottom: 20px;
 					img{
@@ -149,10 +152,12 @@ defineExpose({})
 				display: grid;
 				grid-template-columns: repeat(3, 1fr);
 				> .img-item{
+					aspect-ratio: 3 / 2;
 					img{
 						width: 100%;
 						height: 100%;
 						object-fit: cover;
+						display: flex;
 					}
 				}
 			}