perf(worker-hall): 优化百单大厅加载与渲染性能

2026-10-24 20:41:58 +08:00
parent 72a758fd7c
commit 7fdef88ba6
11 changed files with 617 additions and 321 deletions
@@ -1131,6 +1131,9 @@
  justify-content: space-between;
  gap: 10px;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
+  /* 100+ 单时跳过屏幕外卡片的布局与绘制，滚动到附近再渲染。 */
+  content-visibility: auto;
+  contain-intrinsic-size: auto 240px;
 }

 .worker-hall-card:hover {
@@ -2599,6 +2602,8 @@ body {
  flex-direction: column;
  gap: 10px;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04);
+  content-visibility: auto;
+  contain-intrinsic-size: auto 190px;
 }

 .worker-hall-mobile-card-top {