feat: 完善关卡创作页面

assets/prefabs/PagePreviewLevels.ts

@@ -1,29 +1,22 @@
-import { _decorator, Node, Button, Sprite, Label, ScrollView, instantiate, UITransform, Vec2 } from 'cc';
+import { _decorator, Node, Button, Label, ScrollView, instantiate, UITransform } from 'cc';
 import { BaseView } from 'db://assets/scripts/core/BaseView';
 import { ViewManager } from 'db://assets/scripts/core/ViewManager';
-import { LevelDataManager } from 'db://assets/scripts/utils/LevelDataManager';
+import { CompletedLevelsManager } from 'db://assets/scripts/utils/CompletedLevelsManager';
+import { PreviewLevelItem } from './PreviewLevelItem';
 const { ccclass, property } = _decorator;
 
 /**
  * 预览试卷页面
  * 垂直滚动展示用户在 PageWriteLevels 中选中的 6 个关卡
- * 每个关卡展示：封面图、提示1、提示2、答案
+ * 每个关卡展示：封面图、线索1、线索2、线索3、答案
  *
- * prefab 节点结构（已在编辑器中搭建）:
+ * 节点结构（仅 ScrollView 侧需要固定）:
  *   PagePreviewLevels
- *     ├── Bg
- *     ├── IconBack          ← backBtn (返回按钮)
- *     ├── PKTitle           ← 标题 "挑战"
- *     ├── ScrollView        ← scrollView
- *     │   ├── scrollBar
- *     │   └── view
- *     │       └── content   ← listContent
- *     ├── ListTpl           ← listTemplate (关卡模板)
- *     │   ├── LevelCover    ← Sprite 封面图
- *     │   ├── Tips1         ← Label 提示1
- *     │   ├── Tips2         ← Label 提示2
- *     │   └── Answer        ← Label 答案
- *     └── BackButton        ← backButton (底部返回按钮)
+ *     ├── ScrollView / view / content   ← listContent 容器
+ *     └── ListTpl                       ← listTemplate 模板根节点
+ *                                         (挂 PreviewLevelItem 组件，字段由编辑器拖拽绑定)
+ *
+ * item 内部节点层级/命名对本文件透明：所有引用都来自 PreviewLevelItem 的 @property。
  */
 
 /** 布局配置 — 垂直列表 */
@@ -197,44 +190,26 @@ export class PagePreviewLevels extends BaseView {
      * 异步加载关卡数据并填充到 item 节点
      */
     private async _loadLevelData(item: Node, levelIndex: number, displayIndex: number): Promise<void> {
-        const config = await LevelDataManager.instance.ensureLevelReady(levelIndex);
-        if (!config || !item.isValid) return;
+        const level = CompletedLevelsManager.instance.getByIndex(levelIndex);
+        if (!level || !item.isValid) return;
 
-        // 填充封面图
-        const levelCover = item.getChildByName('LevelCover');
-        if (levelCover) {
-            const sprite = levelCover.getComponent(Sprite);
-            if (sprite && config.spriteFrame1) {
-                sprite.spriteFrame = config.spriteFrame1;
-            }
+        const view = item.getComponent(PreviewLevelItem);
+        if (!view) {
+            console.warn('[PagePreviewLevels] listTemplate 缺少 PreviewLevelItem 组件');
+            return;
         }
 
-        // 填充提示1
-        const tips1 = item.getChildByName('Tips1');
-        if (tips1) {
-            const label = tips1.getComponent(Label);
-            if (label) {
-                label.string = `线索一：${config.clue1 || ''}`;
-            }
-        }
+        view.setTexts({
+            answer: level.answer || '',
+            hint1: level.hint1 || '',
+            hint2: level.hint2 || '',
+            hint3: level.hint3 || '',
+        });
 
-        // 填充提示2
-        const tips2 = item.getChildByName('Tips2');
-        if (tips2) {
-            const label = tips2.getComponent(Label);
-            if (label) {
-                label.string = `线索二：${config.clue2 || ''}`;
-            }
-        }
-
-        // 填充答案
-        const answer = item.getChildByName('Answer');
-        if (answer) {
-            const label = answer.getComponent(Label);
-            if (label) {
-                label.string = `答案：${config.answer || ''}`;
-            }
-        }
+        // 异步加载封面图（通常已由 WriteLevels 预热到缓存）
+        const spriteFrame = await CompletedLevelsManager.instance.loadImage(level.image1Url);
+        if (!spriteFrame || !item.isValid) return;
+        view.setCover(spriteFrame);
     }
 
     // ─── 事件处理 ───────────────────────────────────────