feat(探索): 调整挑战组件的探索视图，以改善用户界面和用户体验。

src/app/pages/challenge/challenge.component.html

@@ -17,7 +17,7 @@ <h5 class="text-xl">{{ item.name }}</h5>
       </div>
       <div class="flex justify-end gap-2">
         <button nz-button (click)="onExploreClick(item, true)">快速探索</button>
-        <button nz-button class="hidden sm:block" (click)="onExploreClick(item)">探索</button>
+        <button nz-button class="hidden xl:block" (click)="onExploreClick(item)">探索</button>
       </div>
     </div>
   </nz-card>

src/app/pages/challenge/pages/explore/explore.component.html

@@ -1,15 +1,17 @@
-<div class="flex flex-col h-full">
+<div class="flex flex-col h-full overflow-auto">
   <div class="flex justify-between items-center mb-2">
     <h5 nz-typography class="underline decoration-sky-500">探索</h5>
     <button nz-button (click)="onBackClick()">返回</button>
   </div>
-  <table class="w-full aspect-square table-fixed">
-    @for (map of mapList; track $index) {
-      <tr>
-        @for (item of map; track $index) {
-          <td class="border border-gray-300 aspect-square"> </td>
-        }
-      </tr>
-    }
-  </table>
+  <div class="flex-1 h-0 overflow-auto">
+    <table class="w-full aspect-square table-fixed">
+      @for (map of mapList; track $index) {
+        <tr>
+          @for (item of map; track $index) {
+            <td class="border border-gray-300 aspect-square"> </td>
+          }
+        </tr>
+      }
+    </table>
+  </div>
 </div>

src/app/pages/challenge/pages/explore/explore.component.less

@@ -1,4 +1,5 @@
 :host {
   flex: 1;
   height: 0;
+  overflow: auto;
 }

src/app/pages/challenge/pages/explore/explore.component.ts

@@ -13,7 +13,7 @@ import { NzTypographyModule } from 'ng-zorro-antd/typography';
 export class ExploreComponent {
   private router = inject(Router);
 
-  mapList = Array.from({ length: 100 }, (_, i) => Array.from({ length: 100 }, (_, j) => `${i}-${j}`));
+  mapList = Array.from({ length: 50 }, (_, i) => Array.from({ length: 50 }, (_, j) => `${i}-${j}`));
 
   onBackClick() {
     this.router.navigate(['/challenge']);