update

assets/Scripts/test/GirlDetailPanel.ts

@@ -1,14 +1,22 @@
-import { _decorator, Component, Label, Node, Sprite } from "cc";
-import { DemoManager } from "./DemoManager";
+import {_decorator, Label, Node, Sprite, VideoPlayer,instantiate} from "cc";
+import {DemoManager} from "./DemoManager";
 import li_BaseView from "db://assets/Scripts/Main/Common/li_BaseView";
-import {ViewManager} from "db://assets/Scripts/Main/Manager/ViewManager";
-import {characters, girlDetailInfo} from "db://assets/Scripts/Main/Config/cfg/characters";
+import {girlDetailInfo} from "db://assets/Scripts/Main/Config/cfg/characters";
+import {Config18x} from "db://assets/Scripts/Main/Config/Config18x";
+import PicType = Config18x.PicType;
+import ResManager from "db://assets/Scripts/Main/Manager/ResManager";
+import {DetailImageItem} from "db://assets/Scripts/test/girlListPanel/DetailImageItem";
+import {GirlListItem} from "db://assets/Scripts/test/girlListPanel/GirlListItem";
+import Utils from "db://assets/Scripts/Main/Common/Utils";
+
 const { ccclass, property } = _decorator;
 
 @ccclass("GirlDetailPanel")
 export class GirlDetailPanel extends li_BaseView {
   @property(Sprite)
   avatar: Sprite;
+  @property(VideoPlayer)
+  avatarVideo: VideoPlayer;
   @property(Label)
   girlName: Label;
 
@@ -29,6 +37,12 @@ export class GirlDetailPanel extends li_BaseView {
   chatBtn: Node;
   id = 0;
 
+  @property(DetailImageItem)
+  imgItemInst:DetailImageItem;
+
+  @property(Node)
+  imgsLayout:Node;
+
   openUIDataCT(data)
   {
     this.id = data;
@@ -36,19 +50,50 @@ export class GirlDetailPanel extends li_BaseView {
 
   onLoadCT() {
     super.onLoadCT();
+    this.imgItemInst.node.active =false;
     this.refresh(this.id);
 
   }
 
+  setVideEnable(enable:boolean) {
+    this.avatarVideo.enabled = enable;
+    if(enable)
+    {
+      this.avatarVideo.play();
+    }
+  }
+
   refresh(index:number)
   {
     console.log(index);
     const data = girlDetailInfo.find(v=>v.baseInfo.id === index);
     this.girlName.string=this.descName.string = data.baseInfo.name;
+
+    if(data.pics[0].picType == PicType.LocalGif)
+    {
+      ResManager.I.changeBundleVideo(this.avatarVideo,data.pics[0].url,"Chat18x");
+    }
+    if(data.pics.length>1)
+    {
+      for (let i = this.imgsLayout.children.length-1; i >=0 ; i--) {
+        this.imgsLayout.children[i].destroy();
+      }
+
+      for (let i = 1; i < data.pics.length; i++) {
+        const cfg = data.pics[i];
+        let newNode = instantiate(this.imgItemInst.node)
+        let item = newNode.getComponent(DetailImageItem);
+        item.refresh(cfg,this);
+        newNode.active = true;
+        this.imgsLayout.addChild(newNode);
+      }
+    }
+
     this.desc.string = data.detailDesc;
     let desc = '';
     for (let i = 0; i < data.baseInfo.tag.length; i++) {
-      desc += data.baseInfo.tag[i]+"/";
+      if(i!=0) desc += "\n"
+      desc += data.baseInfo.tag[i];
     }
     this.tags.string = desc;
     for (let i = 0; i <5; i++) {
@@ -67,6 +112,7 @@ export class GirlDetailPanel extends li_BaseView {
   returnBtn()
   {
     this.onClose();
+    DemoManager.getInstance().EnterGirlList();
     //ViewManager.I.openBundlesView("GirlListPanel");
   }
 }