update

assets/Scripts/test/girlListPanel/GirlListPanel.ts

@@ -1,17 +1,52 @@
-import { _decorator, Component, Node } from 'cc';
+import { _decorator, Component, Node,instantiate } from 'cc';
 import {characters} from "db://assets/Scripts/test/cfg/characters";
+import li_BaseView from "db://assets/Scripts/Main/Common/li_BaseView";
+import Utils from "db://assets/Scripts/Main/Common/Utils";
+import {GirlListItem} from "db://assets/Scripts/test/girlListPanel/GirlListItem";
 const { ccclass, property } = _decorator;
 
 @ccclass('GirlListPanel')
-export class GirlListPanel extends Component {
-    onEnable()
-    {
-        const cfg = characters;
-        for (let i = 0; i < cfg.length; i++) {
-            const c = cfg[i];
+export class GirlListPanel extends li_BaseView {
+    private _nodeTab: any = {};
 
+    itemInst:GirlListItem;
+    content:Node;
+
+    cache:GirlListItem[] = [];
+    onLoadCT() {
+        Utils.parseNode(this.node,this._nodeTab);
+        this.registerListener();
+        this.itemInst = this._nodeTab.BubbleItem.getComponent(GirlListItem);
+        this.itemInst.node.active = false;
+        this.content = this._nodeTab.content;
+        this.show();
+    }
+
+
+    show()
+    {
+        if(this.cache)
+        {
+            for(let i = this.cache.length-1; i >=0; i--)
+            {
+                this.cache[i].node.destroy();
+            }
+        }
+        const config = characters;
+        for (let i = 0; i < config.length; i++) {
+            const cfg = config[i];
+            let newNode = instantiate(this.itemInst.node)
+            let item = newNode.getComponent(GirlListItem);
+            item.refreshData(cfg,this.node);
+            newNode.active = true;
+            this.cache.push(item);
+            this.content.addChild(newNode);
         }
     }
+
+
+
+    private registerListener() {}
 }