优化门店端结算页面的UI

2026-08-17 23:43:45 +08:00
parent 48d6900ab6
commit 7dd5fdfb12
3 changed files with 74 additions and 4 deletions
@@ -14,21 +14,21 @@
 .detail-carousel-wrap {
  position: relative;
  width: 100%;
-  aspect-ratio: 1;
+  aspect-ratio: 1.33; /* 保持4:3的比例 */
  overflow: hidden;
 }

 /* adaptive 模式（方案 A）：删除固定 1:1 比例与固定高度，
   改用 swiper 原生 auto-height + image widthFix，海报有多高轮播就有多高，无裁切 */
 .detail-carousel-wrap--adaptive {
-  aspect-ratio: auto;
+  /* aspect-ratio: auto; */
  overflow: visible;
 }

 .detail-carousel-wrap--adaptive .detail-carousel,
 .detail-carousel-wrap--adaptive .detail-carousel-item,
 .detail-carousel-wrap--adaptive .detail-carousel-image {
-  height: auto;
+  height: 100%;
 }

 .detail-carousel {