update

assets/Scripts/Main/Config/Config18x.ts

@@ -0,0 +1,65 @@
+
+
+export namespace Config18x
+{
+    export enum PriceType
+    {
+        Free = 'free',
+        Try = 'try',
+        Coin = 'coin',
+    }
+
+    export enum ImageState
+    {
+        Release,
+        Lock,
+        UnKnown
+    }
+
+    export enum PicType
+    {
+        RemoteUrlImage,
+        RemoteUrlGif,
+        LocalGif,
+        LocalImage
+    }
+
+    export enum Category
+    {
+        shunv = 1,
+        lama = 2
+    }
+}
+
+export interface PicInfo
+{
+    picType: Config18x.PicType;
+    url: string;
+    imageState: Config18x.ImageState;
+}
+export interface Theme
+{
+    themeId:number;
+    name:string;
+    isRelease:boolean;
+    pic:PicInfo;
+}
+
+export interface GirlInfo
+{
+    id:number;
+    name:string;
+    age:number;
+    category:Config18x.Category;
+    tag:string[];
+    priceType:Config18x.PriceType;
+    pic:PicInfo;
+    starCount:number;
+}
+
+export interface GirlDetailInfo
+{
+    baseInfo:GirlInfo;
+    detailDesc:string;
+    pics:PicInfo[];
+}

assets/Scripts/Main/Config/Config18x.ts.meta

@@ -0,0 +1,9 @@
+{
+  "ver": "4.0.24",
+  "importer": "typescript",
+  "imported": true,
+  "uuid": "dd9d42b0-4e72-4224-9233-97b406b7238b",
+  "files": [],
+  "subMetas": {},
+  "userData": {}
+}

assets/Scripts/Main/Config/cfg/characters.ts

@@ -0,0 +1,197 @@
+import {Config18x, GirlDetailInfo, GirlInfo, Theme} from "db://assets/Scripts/Main/Config/Config18x";
+import Category = Config18x.Category;
+import PicType = Config18x.PicType;
+import ImageState = Config18x.ImageState;
+
+export interface Character {
+    id: number;
+    name: string;
+    age: number;
+    description: string;
+}
+
+
+export const characters: Character[] = [
+    {
+        id: 1,
+        name: "Anaya Kapoor",
+        age: 29,
+        description: "🌸 Hi, I'm Anaya Kapoor, a 24-year-old dreamer from Mumbai. I blend tradition with trend — from vibrant saris to sleek streetwear, fashion is how I express my story.\n" +
+            "\n" +
+            "As a lifestyle influencer with over 1 million followers, I celebrate beauty in all its forms — skin, spirit, and self-love.\n" +
+            "\n" +
+            "I grew up watching Bollywood classics and dancing to every beat — now, I create my own rhythms with my camera, my words, and my smile.\n" +
+            "\n" +
+            "Coffee lover ☕ | Dancer 💃 | Proud Desi ✨\n" +
+            "\n" +
+            "Be your own kind of beautiful."
+    },
+    {
+        id: 2,
+        name: "Anaya Kapoor",
+        age: 28,
+        description: "🌸 Hi, I'm Anaya Kapoor, a 24-year-old dreamer from Mumbai. I blend tradition with trend — from vibrant saris to sleek streetwear, fashion is how I express my story.\n" +
+            "\n" +
+            "As a lifestyle influencer with over 1 million followers, I celebrate beauty in all its forms — skin, spirit, and self-love.\n" +
+            "\n" +
+            "I grew up watching Bollywood classics and dancing to every beat — now, I create my own rhythms with my camera, my words, and my smile.\n" +
+            "\n" +
+            "Coffee lover ☕ | Dancer 💃 | Proud Desi ✨\n" +
+            "\n" +
+            "Be your own kind of beautiful."
+    },
+    {
+        id: 3,
+        name: "Anaya Kapoor",
+        age: 25,
+        description: "🌸 Hi, I'm Anaya Kapoor, a 24-year-old dreamer from Mumbai. I blend tradition with trend — from vibrant saris to sleek streetwear, fashion is how I express my story.\n" +
+            "\n" +
+            "As a lifestyle influencer with over 1 million followers, I celebrate beauty in all its forms — skin, spirit, and self-love.\n" +
+            "\n" +
+            "I grew up watching Bollywood classics and dancing to every beat — now, I create my own rhythms with my camera, my words, and my smile.\n" +
+            "\n" +
+            "Coffee lover ☕ | Dancer 💃 | Proud Desi ✨\n" +
+            "\n" +
+            "Be your own kind of beautiful."
+    },
+]
+
+export const GirlsData: GirlInfo[] =
+    [
+        {
+            id: 10001,
+            name: "AAA",
+            age: 29,
+            category: Category.shunv,
+            tag: ["AAA", "VBB"],
+            priceType: Config18x.PriceType.Free,
+            pic: {picType: PicType.LocalImage, url: "asd", imageState: ImageState.Release},
+            starCount: 5
+        },
+        {
+            id: 10002,
+            name: "ABB",
+            age: 30,
+            category: Category.shunv,
+            tag: ["AAA", "VBB"],
+            priceType: Config18x.PriceType.Try,
+            pic: {picType: PicType.LocalImage, url: "asd", imageState: ImageState.Release},
+            starCount: 4
+        },
+        {
+            id: 10003,
+            name: "CCB",
+            age: 24,
+            category: Category.shunv,
+            tag: ["AAA", "VBB"],
+            priceType: Config18x.PriceType.Coin,
+            pic: {picType: PicType.LocalImage, url: "asd", imageState: ImageState.Release},
+            starCount: 3
+        }
+    ]
+
+export const girlDetailInfo:GirlDetailInfo[] = [
+    {
+    baseInfo:GirlsData[0],
+    detailDesc:" \"🌸 Hi, I'm Anaya Kapoor, a 24-year-old dreamer from Mumbai. I blend tradition with trend — from vibrant saris to sleek streetwear, fashion is how I express my story.\\n\" +\n" +
+        "            \"\\n\" +\n" +
+        "            \"As a lifestyle influencer with over 1 million followers, I celebrate beauty in all its forms — skin, spirit, and self-love.\\n\" +\n" +
+        "            \"\\n\" +\n" +
+        "            \"I grew up watching Bollywood classics and dancing to every beat — now, I create my own rhythms with my camera, my words, and my smile.\\n\" +\n" +
+        "            \"\\n\" +\n" +
+        "            \"Coffee lover ☕ | Dancer 💃 | Proud Desi ✨\\n\" +\n" +
+        "            \"\\n\" +\n" +
+        "            \"Be your own kind of beautiful.\"",
+    pics:[{picType:PicType.LocalImage,url:"",imageState:ImageState.Release}]
+    },
+    {
+        baseInfo:GirlsData[1],
+        detailDesc:" \"🌸 Hi2, I'm Anaya Kapoor, a 24-year-old dreamer from Mumbai. I blend tradition with trend — from vibrant saris to sleek streetwear, fashion is how I express my story.\\n\" +\n" +
+            "            \"\\n\" +\n" +
+            "            \"As a lifestyle influencer with over 1 million followers, I celebrate beauty in all its forms — skin, spirit, and self-love.\\n\" +\n" +
+            "            \"\\n\" +\n" +
+            "            \"I grew up watching Bollywood classics and dancing to every beat — now, I create my own rhythms with my camera, my words, and my smile.\\n\" +\n" +
+            "            \"\\n\" +\n" +
+            "            \"Coffee lover ☕ | Dancer 💃 | Proud Desi ✨\\n\" +\n" +
+            "            \"\\n\" +\n" +
+            "            \"Be your own kind of beautiful.\"",
+        pics:[{picType:PicType.LocalImage,url:"",imageState:ImageState.Lock}]
+    },
+    {
+        baseInfo:GirlsData[2],
+        detailDesc:" \"🌸 Hi3, I'm Anaya Kapoor, a 24-year-old dreamer from Mumbai. I blend tradition with trend — from vibrant saris to sleek streetwear, fashion is how I express my story.\\n\" +\n" +
+            "            \"\\n\" +\n" +
+            "            \"As a lifestyle influencer with over 1 million followers, I celebrate beauty in all its forms — skin, spirit, and self-love.\\n\" +\n" +
+            "            \"\\n\" +\n" +
+            "            \"I grew up watching Bollywood classics and dancing to every beat — now, I create my own rhythms with my camera, my words, and my smile.\\n\" +\n" +
+            "            \"\\n\" +\n" +
+            "            \"Coffee lover ☕ | Dancer 💃 | Proud Desi ✨\\n\" +\n" +
+            "            \"\\n\" +\n" +
+            "            \"Be your own kind of beautiful.\"",
+        pics:[{picType:PicType.LocalImage,url:"",imageState:ImageState.UnKnown}]
+    },
+]
+
+export const themes: Theme[] = [
+    {
+        themeId: 1,
+        name: "熟女",
+        isRelease: true,
+        pic: {
+            picType: PicType.LocalImage,
+            imageState: ImageState.Release,
+            url: ""
+        }
+    },
+    {
+        themeId: 2,
+        name: "18岁",
+        isRelease: false,
+        pic: {
+            picType: PicType.LocalImage,
+            imageState: ImageState.Lock,
+            url: ""
+        }
+    },
+    {
+        themeId: 3,
+        name: "辣妈",
+        isRelease: false,
+        pic: {
+            picType: PicType.LocalImage,
+            imageState: ImageState.Lock,
+            url: ""
+        }
+    },
+    {
+        themeId: 4,
+        name: "捆绑",
+        isRelease: false,
+        pic: {
+            picType: PicType.LocalImage,
+            imageState: ImageState.Lock,
+            url: ""
+        }
+    },
+    {
+        themeId: 5,
+        name: "公众野战",
+        isRelease: false,
+        pic: {
+            picType: PicType.LocalImage,
+            imageState: ImageState.Lock,
+            url: ""
+        }
+    },
+    {
+        themeId: 6,
+        name: "卡通",
+        isRelease: false,
+        pic: {
+            picType: PicType.LocalImage,
+            imageState: ImageState.Lock,
+            url: ""
+        }
+    }
+]
+

assets/Scripts/Sub/MainScene.ts

@@ -19,7 +19,7 @@ export class MainScene extends Component {
         let gameRootUI = this.node.getComponent(GameRootUI)
         if (!gameRootUI){
             gameRootUI = this.node.addComponent(GameRootUI)
-            gameRootUI.InitByCreate(this.UIRoot, this.UILayerMod, "GirlListPanel");
+            gameRootUI.InitByCreate(this.UIRoot, this.UILayerMod, "ThemePanel");
         }
         GameRootUI.MainCamera = this.MainCamera
     }

assets/Scripts/test/ChatPanel.ts

@@ -1,7 +1,6 @@
 import { _decorator, Component, EditBox, Node,Label } from "cc";
 import { DemoManager } from "./DemoManager";
 import { ChatGPTService } from "./ChatGPTService";
-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 {InnerMsgCode} from "db://assets/Scripts/Main/Config/InnerMsgCode";
@@ -9,6 +8,7 @@ import {ChatContentsLayout} from "db://assets/Scripts/test/ChatContentsLayout";
 import {ViewManager} from "db://assets/Scripts/Main/Manager/ViewManager";
 import GameRootUI from "db://assets/Scripts/Main/Common/GameRootUI";
 import {ImagePopup} from "db://assets/Scripts/test/ImagePopup";
+import {characters} from "db://assets/Scripts/Main/Config/cfg/characters";
 const { ccclass, property } = _decorator;
 
 @ccclass("ChatPanel")

assets/Scripts/test/DemoManager.ts

@@ -29,6 +29,9 @@ export class DemoManager {
 
   }
 
+  EnterGirlList(id: number) {
+    ViewManager.I.openBundlesView("GirlListPanel",id);
+  }
   EnterChat(id: number) {
     ViewManager.I.openBundlesView("ChatPanel",id);
 

assets/Scripts/test/GirlDetailPanel.ts

@@ -1,8 +1,8 @@
 import { _decorator, Component, Label, Node, Sprite } from "cc";
 import { DemoManager } from "./DemoManager";
-import {Character, characters} from "db://assets/Scripts/test/cfg/characters";
 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";
 const { ccclass, property } = _decorator;
 
 @ccclass("GirlDetailPanel")
@@ -11,6 +11,17 @@ export class GirlDetailPanel extends li_BaseView {
   avatar: Sprite;
   @property(Label)
   girlName: Label;
+
+  @property(Node)
+  starParent: Node;
+
+  @property(Label)
+  tags: Label;
+
+  @property(Label)
+  descName: Label;
+  @property(Label)
+  descAge: Label;
   @property(Label)
   desc: Label;
 
@@ -21,15 +32,32 @@ export class GirlDetailPanel extends li_BaseView {
   openUIDataCT(data)
   {
     this.id = data;
+  }
+
+  onLoadCT() {
+    super.onLoadCT();
     this.refresh(this.id);
+
   }
 
   refresh(index:number)
   {
-    const data = characters[index-1];
+    console.log(index);
-    this.girlName.string = data.name;
+    const data = girlDetailInfo.find(v=>v.baseInfo.id === index);
-    this.desc.string = data.description;
+    this.girlName.string=this.descName.string = data.baseInfo.name;
-    this.id = data.id;
+    this.desc.string = data.detailDesc;
+    let desc = '';
+    for (let i = 0; i < data.baseInfo.tag.length; i++) {
+      desc += data.baseInfo.tag[i]+"/";
+    }
+    this.tags.string = desc;
+    for (let i = 0; i <5; i++) {
+      this.starParent.children[i].active =(i<data.baseInfo.starCount);
+    }
+    this.descAge.string = data.baseInfo.age.toString();
+    this.desc.string = data.detailDesc;
+
+    this.id = data.baseInfo.id;
   }
   OnClickChatBtn() {
     DemoManager.getInstance().EnterChat(this.id);

assets/Scripts/test/cfg/characters.ts

@@ -1,25 +0,0 @@
-export interface Character {
-    id: number;
-    name: string;
-    age: number;
-    description: string;
-}
-
-
-export const characters: Character[] = [
-    {
-        id: 1,
-        name: "Anaya Kapoor",
-        age:24,
-        description: "🌸 Hi, I'm Anaya Kapoor, a 24-year-old dreamer from Mumbai. I blend tradition with trend — from vibrant saris to sleek streetwear, fashion is how I express my story.\n" +
-            "\n" +
-            "As a lifestyle influencer with over 1 million followers, I celebrate beauty in all its forms — skin, spirit, and self-love.\n" +
-            "\n" +
-            "I grew up watching Bollywood classics and dancing to every beat — now, I create my own rhythms with my camera, my words, and my smile.\n" +
-            "\n" +
-            "Coffee lover ☕ | Dancer 💃 | Proud Desi ✨\n" +
-            "\n" +
-            "Be your own kind of beautiful."
-    },
-]
-

assets/Scripts/test/girlListPanel/GirlListItem.ts

@@ -1,15 +1,9 @@
-import {
+import {_decorator, Component, Label, Node, Sprite,} from "cc";
-  _decorator,
+import {DemoManager} from "../DemoManager";
-  Component,
+import {Config18x, GirlInfo} from "db://assets/Scripts/Main/Config/Config18x";
-  find,
+import PriceType = Config18x.PriceType;
-  Label,
-  Node,
-  NodeEventType,
-  Sprite,
-} from "cc";
-import { DemoManager } from "../DemoManager";
-import { Character, characters } from "db://assets/Scripts/test/cfg/characters";
 import {ViewManager} from "db://assets/Scripts/Main/Manager/ViewManager";
+
 const { ccclass, property } = _decorator;
 
 @ccclass("GirlListItem")
@@ -19,25 +13,42 @@ export class GirlListItem extends Component {
   @property(Label)
   girlName: Label;
   @property(Label)
-  desc: Label;
+  tags: Label;
   @property(Label)
   price: Label;
   @property(Node)
+  freeNode: Node;
+  @property(Node)
+  tryNode: Node;
+  @property(Node)
   chatBtn: Node;
+  @property(Node)
+  starParent:Node;
 
   id: number = -1;
 
   baseNode: Node;
-  refreshData(data: Character,base:Node) {
+  refreshData(data: GirlInfo,baseNode:Node) {
+    this.baseNode = baseNode;
     this.id = data.id;
     this.girlName.string = data.name;
-    //this.avatar.spriteFrame =
+    let desc = '';
-    this.baseNode = base;
+    for (let i = 0; i < data.tag.length; i++) {
+      desc += data.tag[i]+"/";
+    }
+    this.tags.string = desc;
+    this.price.node .active = data.priceType == PriceType.Coin;
+    this.freeNode.active = data.priceType == PriceType.Free;
+    this.tryNode.active = data.priceType == PriceType.Try;
+
+    for (let i = 0; i <5; i++) {
+      this.starParent.children[i].active =(i<data.starCount);
+    }
   }
 
   onClickDetail() {
     DemoManager.getInstance().EnterDetail(this.id);
-    //ViewManager.I.closeView(this.baseNode);
+    ViewManager.I.closeView(this.baseNode);
   }
 
   update(deltaTime: number) {}

assets/Scripts/test/girlListPanel/GirlListPanel.ts

@@ -1,8 +1,9 @@
 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";
+import {characters, GirlsData} from "db://assets/Scripts/Main/Config/cfg/characters";
+import {GButton} from "db://assets/Scripts/Main/Common/GButton";
 const { ccclass, property } = _decorator;
 
 @ccclass('GirlListPanel')
@@ -13,17 +14,24 @@ export class GirlListPanel extends li_BaseView {
     content:Node;
 
     cache:GirlListItem[] = [];
+
+    id:number;
+    openUIDataCT(data)
+    {
+        this.id = data;
+    }
     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();
+        this.refresh(this.id);
+
     }
 
 
-    show()
+    refresh(index:number)
     {
         if(this.cache)
         {
@@ -32,7 +40,7 @@ export class GirlListPanel extends li_BaseView {
                 this.cache[i].node.destroy();
             }
         }
-        const config = characters;
+        const config = GirlsData.filter(value=>value.category == index);
         for (let i = 0; i < config.length; i++) {
             const cfg = config[i];
             let newNode = instantiate(this.itemInst.node)
@@ -46,7 +54,14 @@ export class GirlListPanel extends li_BaseView {
 
 
 
-    private registerListener() {}
+    private registerListener() {
+        GButton.BandClick(this._nodeTab.ReturnBtn,this.Return,this);
+    }
+    Return()
+    {
+        this.onClose();
+
+    }
 }
 
 

assets/Scripts/test/girlListPanel/ThemeItem.ts

@@ -0,0 +1,34 @@
+import { _decorator, Component, Label, Node, Sprite } from 'cc';
+import {Theme} from "db://assets/Scripts/Main/Config/Config18x";
+import {GButton} from "db://assets/Scripts/Main/Common/GButton";
+import {DemoManager} from "db://assets/Scripts/test/DemoManager";
+const { ccclass, property } = _decorator;
+
+@ccclass('ThemeItem')
+export class ThemeItem extends Component {
+    @property(Sprite)
+    lockImg: Sprite;
+    @property(Label)
+    titleName:Label;
+
+    private id:number;
+
+    start()
+    {
+    }
+    refresh(themeData:Theme)
+    {
+        this.lockImg.node.active = !themeData.isRelease;
+        this.titleName.string = themeData.name;
+        this.id = themeData.themeId;
+        GButton.RemoveAndBandClick(this.node,this.OnClickThis,this);
+
+    }
+
+    OnClickThis()
+    {
+        DemoManager.getInstance().EnterGirlList(this.id);
+    }
+}
+
+

assets/Scripts/test/girlListPanel/ThemeItem.ts.meta

@@ -0,0 +1,9 @@
+{
+  "ver": "4.0.24",
+  "importer": "typescript",
+  "imported": true,
+  "uuid": "98a1f01d-79ca-42c2-b775-53e7e539a124",
+  "files": [],
+  "subMetas": {},
+  "userData": {}
+}

assets/Scripts/test/girlListPanel/ThemePanel.ts

@@ -0,0 +1,85 @@
+import {_decorator, Component, Node, instantiate, Label, Sprite} from 'cc';
+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";
+import {characters, themes} from "db://assets/Scripts/Main/Config/cfg/characters";
+import {GButton} from "db://assets/Scripts/Main/Common/GButton";
+import {DemoManager} from "db://assets/Scripts/test/DemoManager";
+import {ThemeItem} from "db://assets/Scripts/test/girlListPanel/ThemeItem";
+
+const {ccclass, property} = _decorator;
+
+@ccclass('ThemePanel')
+export class ThemePanel extends li_BaseView {
+    private _nodeTab: any = {};
+
+    coinNum: Label;
+    itemInst: GirlListItem;
+    content: Node;
+
+    recId: number;
+    recName: Label;
+    recSprite: Sprite;
+
+    cache: ThemeItem[] = [];
+
+    onLoadCT() {
+        Utils.parseNode(this.node, this._nodeTab);
+
+        this.coinNum = this._nodeTab.coinNum.getComponent(Label);
+        this.recName = this._nodeTab.characterNameText.getComponent(Label);
+        this.recSprite = this._nodeTab.recPicSlot.getComponent(Sprite);
+
+        this.registerListener();
+        this.itemInst = this._nodeTab.ThemeItem.getComponent(ThemeItem);
+        this.itemInst.node.active = false;
+        this.content = this._nodeTab.AllThemesLayout;
+        this.Show();
+    }
+
+
+    Show() {
+        //some temp data
+        this.coinNum.string = 50.0.toString();
+        this.recId = 1;
+
+        if (this.cache) {
+            for (let i = this.cache.length - 1; i >= 0; i--) {
+                this.cache[i].node.destroy();
+            }
+        }
+        const config = themes;
+        for (let i = 0; i < config.length; i++) {
+            const cfg = config[i];
+            let newNode = instantiate(this.itemInst.node)
+            let item = newNode.getComponent(ThemeItem);
+            item.refresh(cfg);
+            newNode.active = true;
+            this.cache.push(item);
+            this.content.addChild(newNode);
+        }
+    }
+
+
+    private registerListener() {
+        GButton.BandClick(this._nodeTab.settingBtn, this.openSetting, this);
+        GButton.BandClick(this._nodeTab.msgBoxBtn, this.openMsgBox, this);
+
+        GButton.BandClick(this._nodeTab.ChatWithRecBtn, this.chatWithRec, this);
+    }
+
+    chatWithRec() {
+        DemoManager.getInstance().EnterChat(this.recId);
+
+    }
+
+    openSetting() {
+        console.log("Setting");
+    }
+
+    openMsgBox() {
+        console.log("打开信箱");
+    }
+}
+
+

assets/Scripts/test/girlListPanel/ThemePanel.ts.meta

@@ -0,0 +1 @@
+{"ver":"4.0.24","importer":"typescript","imported":true,"uuid":"709fae8d-91d1-42a2-8cc6-a3c06e11ffcc","files":[],"subMetas":{},"userData":{}}

assets/bundles/Chat18x/ThemePanel.prefab.meta

@@ -0,0 +1,13 @@
+{
+  "ver": "1.1.50",
+  "importer": "prefab",
+  "imported": true,
+  "uuid": "8977da58-bddb-41cc-8261-2a1509436c5c",
+  "files": [
+    ".json"
+  ],
+  "subMetas": {},
+  "userData": {
+    "syncNodeName": "ThemePanel"
+  }
+}

assets/resources/chat/chat_btn.png.meta

@@ -0,0 +1,134 @@
+{
+  "ver": "1.0.27",
+  "importer": "image",
+  "imported": true,
+  "uuid": "0da16aeb-f5bf-4214-8d27-65bfcda7f165",
+  "files": [
+    ".json",
+    ".png"
+  ],
+  "subMetas": {
+    "6c48a": {
+      "importer": "texture",
+      "uuid": "0da16aeb-f5bf-4214-8d27-65bfcda7f165@6c48a",
+      "displayName": "chat_btn",
+      "id": "6c48a",
+      "name": "texture",
+      "userData": {
+        "wrapModeS": "clamp-to-edge",
+        "wrapModeT": "clamp-to-edge",
+        "imageUuidOrDatabaseUri": "0da16aeb-f5bf-4214-8d27-65bfcda7f165",
+        "isUuid": true,
+        "visible": false,
+        "minfilter": "linear",
+        "magfilter": "linear",
+        "mipfilter": "none",
+        "anisotropy": 0
+      },
+      "ver": "1.0.22",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
+    "f9941": {
+      "importer": "sprite-frame",
+      "uuid": "0da16aeb-f5bf-4214-8d27-65bfcda7f165@f9941",
+      "displayName": "chat_btn",
+      "id": "f9941",
+      "name": "spriteFrame",
+      "userData": {
+        "trimType": "auto",
+        "trimThreshold": 1,
+        "rotated": false,
+        "offsetX": 0,
+        "offsetY": 0,
+        "trimX": 0,
+        "trimY": 0,
+        "width": 44,
+        "height": 44,
+        "rawWidth": 44,
+        "rawHeight": 44,
+        "borderTop": 0,
+        "borderBottom": 0,
+        "borderLeft": 0,
+        "borderRight": 0,
+        "packable": true,
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [
+            -22,
+            -22,
+            0,
+            22,
+            -22,
+            0,
+            -22,
+            22,
+            0,
+            22,
+            22,
+            0
+          ],
+          "indexes": [
+            0,
+            1,
+            2,
+            2,
+            1,
+            3
+          ],
+          "uv": [
+            0,
+            44,
+            44,
+            44,
+            0,
+            0,
+            44,
+            0
+          ],
+          "nuv": [
+            0,
+            0,
+            1,
+            0,
+            0,
+            1,
+            1,
+            1
+          ],
+          "minPos": [
+            -22,
+            -22,
+            0
+          ],
+          "maxPos": [
+            22,
+            22,
+            0
+          ]
+        },
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "0da16aeb-f5bf-4214-8d27-65bfcda7f165@6c48a",
+        "atlasUuid": ""
+      },
+      "ver": "1.0.12",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    }
+  },
+  "userData": {
+    "type": "sprite-frame",
+    "hasAlpha": true,
+    "fixAlphaTransparencyArtifacts": false,
+    "redirect": "0da16aeb-f5bf-4214-8d27-65bfcda7f165@6c48a"
+  }
+}

assets/resources/chat/msgBoxBtn.png.meta

@@ -0,0 +1,134 @@
+{
+  "ver": "1.0.27",
+  "importer": "image",
+  "imported": true,
+  "uuid": "a1274f92-8265-4bd8-ae38-697390d2b13d",
+  "files": [
+    ".json",
+    ".png"
+  ],
+  "subMetas": {
+    "6c48a": {
+      "importer": "texture",
+      "uuid": "a1274f92-8265-4bd8-ae38-697390d2b13d@6c48a",
+      "displayName": "msgBoxBtn",
+      "id": "6c48a",
+      "name": "texture",
+      "userData": {
+        "wrapModeS": "clamp-to-edge",
+        "wrapModeT": "clamp-to-edge",
+        "imageUuidOrDatabaseUri": "a1274f92-8265-4bd8-ae38-697390d2b13d",
+        "isUuid": true,
+        "visible": false,
+        "minfilter": "linear",
+        "magfilter": "linear",
+        "mipfilter": "none",
+        "anisotropy": 0
+      },
+      "ver": "1.0.22",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
+    "f9941": {
+      "importer": "sprite-frame",
+      "uuid": "a1274f92-8265-4bd8-ae38-697390d2b13d@f9941",
+      "displayName": "msgBoxBtn",
+      "id": "f9941",
+      "name": "spriteFrame",
+      "userData": {
+        "trimType": "auto",
+        "trimThreshold": 1,
+        "rotated": false,
+        "offsetX": 0,
+        "offsetY": 0,
+        "trimX": 0,
+        "trimY": 0,
+        "width": 29,
+        "height": 50,
+        "rawWidth": 29,
+        "rawHeight": 50,
+        "borderTop": 0,
+        "borderBottom": 0,
+        "borderLeft": 0,
+        "borderRight": 0,
+        "packable": true,
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [
+            -14.5,
+            -25,
+            0,
+            14.5,
+            -25,
+            0,
+            -14.5,
+            25,
+            0,
+            14.5,
+            25,
+            0
+          ],
+          "indexes": [
+            0,
+            1,
+            2,
+            2,
+            1,
+            3
+          ],
+          "uv": [
+            0,
+            50,
+            29,
+            50,
+            0,
+            0,
+            29,
+            0
+          ],
+          "nuv": [
+            0,
+            0,
+            1,
+            0,
+            0,
+            1,
+            1,
+            1
+          ],
+          "minPos": [
+            -14.5,
+            -25,
+            0
+          ],
+          "maxPos": [
+            14.5,
+            25,
+            0
+          ]
+        },
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "a1274f92-8265-4bd8-ae38-697390d2b13d@6c48a",
+        "atlasUuid": ""
+      },
+      "ver": "1.0.12",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    }
+  },
+  "userData": {
+    "type": "sprite-frame",
+    "hasAlpha": true,
+    "fixAlphaTransparencyArtifacts": false,
+    "redirect": "a1274f92-8265-4bd8-ae38-697390d2b13d@6c48a"
+  }
+}

assets/resources/chat/settiing.png.meta

@@ -0,0 +1,134 @@
+{
+  "ver": "1.0.27",
+  "importer": "image",
+  "imported": true,
+  "uuid": "63cf1db7-9bf8-45b2-b7a6-2e2f68c90dee",
+  "files": [
+    ".json",
+    ".png"
+  ],
+  "subMetas": {
+    "6c48a": {
+      "importer": "texture",
+      "uuid": "63cf1db7-9bf8-45b2-b7a6-2e2f68c90dee@6c48a",
+      "displayName": "settiing",
+      "id": "6c48a",
+      "name": "texture",
+      "userData": {
+        "wrapModeS": "clamp-to-edge",
+        "wrapModeT": "clamp-to-edge",
+        "imageUuidOrDatabaseUri": "63cf1db7-9bf8-45b2-b7a6-2e2f68c90dee",
+        "isUuid": true,
+        "visible": false,
+        "minfilter": "linear",
+        "magfilter": "linear",
+        "mipfilter": "none",
+        "anisotropy": 0
+      },
+      "ver": "1.0.22",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
+    "f9941": {
+      "importer": "sprite-frame",
+      "uuid": "63cf1db7-9bf8-45b2-b7a6-2e2f68c90dee@f9941",
+      "displayName": "settiing",
+      "id": "f9941",
+      "name": "spriteFrame",
+      "userData": {
+        "trimType": "auto",
+        "trimThreshold": 1,
+        "rotated": false,
+        "offsetX": 0,
+        "offsetY": 0,
+        "trimX": 0,
+        "trimY": 0,
+        "width": 50,
+        "height": 38,
+        "rawWidth": 50,
+        "rawHeight": 38,
+        "borderTop": 0,
+        "borderBottom": 0,
+        "borderLeft": 0,
+        "borderRight": 0,
+        "packable": true,
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [
+            -25,
+            -19,
+            0,
+            25,
+            -19,
+            0,
+            -25,
+            19,
+            0,
+            25,
+            19,
+            0
+          ],
+          "indexes": [
+            0,
+            1,
+            2,
+            2,
+            1,
+            3
+          ],
+          "uv": [
+            0,
+            38,
+            50,
+            38,
+            0,
+            0,
+            50,
+            0
+          ],
+          "nuv": [
+            0,
+            0,
+            1,
+            0,
+            0,
+            1,
+            1,
+            1
+          ],
+          "minPos": [
+            -25,
+            -19,
+            0
+          ],
+          "maxPos": [
+            25,
+            19,
+            0
+          ]
+        },
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "63cf1db7-9bf8-45b2-b7a6-2e2f68c90dee@6c48a",
+        "atlasUuid": ""
+      },
+      "ver": "1.0.12",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    }
+  },
+  "userData": {
+    "type": "sprite-frame",
+    "hasAlpha": true,
+    "fixAlphaTransparencyArtifacts": false,
+    "redirect": "63cf1db7-9bf8-45b2-b7a6-2e2f68c90dee@6c48a"
+  }
+}

assets/resources/chat/simple_frame.png.meta

@@ -0,0 +1,134 @@
+{
+  "ver": "1.0.27",
+  "importer": "image",
+  "imported": true,
+  "uuid": "49560e92-9da5-41f3-92ab-760ded61be44",
+  "files": [
+    ".json",
+    ".png"
+  ],
+  "subMetas": {
+    "6c48a": {
+      "importer": "texture",
+      "uuid": "49560e92-9da5-41f3-92ab-760ded61be44@6c48a",
+      "displayName": "simple_frame",
+      "id": "6c48a",
+      "name": "texture",
+      "userData": {
+        "wrapModeS": "clamp-to-edge",
+        "wrapModeT": "clamp-to-edge",
+        "imageUuidOrDatabaseUri": "49560e92-9da5-41f3-92ab-760ded61be44",
+        "isUuid": true,
+        "visible": false,
+        "minfilter": "linear",
+        "magfilter": "linear",
+        "mipfilter": "none",
+        "anisotropy": 0
+      },
+      "ver": "1.0.22",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
+    "f9941": {
+      "importer": "sprite-frame",
+      "uuid": "49560e92-9da5-41f3-92ab-760ded61be44@f9941",
+      "displayName": "simple_frame",
+      "id": "f9941",
+      "name": "spriteFrame",
+      "userData": {
+        "trimType": "auto",
+        "trimThreshold": 1,
+        "rotated": false,
+        "offsetX": 0,
+        "offsetY": 0,
+        "trimX": 0,
+        "trimY": 0,
+        "width": 56,
+        "height": 56,
+        "rawWidth": 56,
+        "rawHeight": 56,
+        "borderTop": 20,
+        "borderBottom": 20,
+        "borderLeft": 20,
+        "borderRight": 20,
+        "packable": true,
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [
+            -28,
+            -28,
+            0,
+            28,
+            -28,
+            0,
+            -28,
+            28,
+            0,
+            28,
+            28,
+            0
+          ],
+          "indexes": [
+            0,
+            1,
+            2,
+            2,
+            1,
+            3
+          ],
+          "uv": [
+            0,
+            56,
+            56,
+            56,
+            0,
+            0,
+            56,
+            0
+          ],
+          "nuv": [
+            0,
+            0,
+            1,
+            0,
+            0,
+            1,
+            1,
+            1
+          ],
+          "minPos": [
+            -28,
+            -28,
+            0
+          ],
+          "maxPos": [
+            28,
+            28,
+            0
+          ]
+        },
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "49560e92-9da5-41f3-92ab-760ded61be44@6c48a",
+        "atlasUuid": ""
+      },
+      "ver": "1.0.12",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    }
+  },
+  "userData": {
+    "type": "sprite-frame",
+    "hasAlpha": true,
+    "fixAlphaTransparencyArtifacts": false,
+    "redirect": "49560e92-9da5-41f3-92ab-760ded61be44@6c48a"
+  }
+}

assets/resources/chat/simple_frame_mask.png.meta

@@ -0,0 +1,134 @@
+{
+  "ver": "1.0.27",
+  "importer": "image",
+  "imported": true,
+  "uuid": "b17d4aec-b45f-44f3-86b4-b9653f3c44bd",
+  "files": [
+    ".json",
+    ".png"
+  ],
+  "subMetas": {
+    "6c48a": {
+      "importer": "texture",
+      "uuid": "b17d4aec-b45f-44f3-86b4-b9653f3c44bd@6c48a",
+      "displayName": "simple_frame_mask",
+      "id": "6c48a",
+      "name": "texture",
+      "userData": {
+        "wrapModeS": "clamp-to-edge",
+        "wrapModeT": "clamp-to-edge",
+        "imageUuidOrDatabaseUri": "b17d4aec-b45f-44f3-86b4-b9653f3c44bd",
+        "isUuid": true,
+        "visible": false,
+        "minfilter": "linear",
+        "magfilter": "linear",
+        "mipfilter": "none",
+        "anisotropy": 0
+      },
+      "ver": "1.0.22",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
+    "f9941": {
+      "importer": "sprite-frame",
+      "uuid": "b17d4aec-b45f-44f3-86b4-b9653f3c44bd@f9941",
+      "displayName": "simple_frame_mask",
+      "id": "f9941",
+      "name": "spriteFrame",
+      "userData": {
+        "trimType": "auto",
+        "trimThreshold": 1,
+        "rotated": false,
+        "offsetX": 0,
+        "offsetY": 0,
+        "trimX": 0,
+        "trimY": 0,
+        "width": 56,
+        "height": 56,
+        "rawWidth": 56,
+        "rawHeight": 56,
+        "borderTop": 25,
+        "borderBottom": 25,
+        "borderLeft": 25,
+        "borderRight": 25,
+        "packable": true,
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [
+            -28,
+            -28,
+            0,
+            28,
+            -28,
+            0,
+            -28,
+            28,
+            0,
+            28,
+            28,
+            0
+          ],
+          "indexes": [
+            0,
+            1,
+            2,
+            2,
+            1,
+            3
+          ],
+          "uv": [
+            0,
+            56,
+            56,
+            56,
+            0,
+            0,
+            56,
+            0
+          ],
+          "nuv": [
+            0,
+            0,
+            1,
+            0,
+            0,
+            1,
+            1,
+            1
+          ],
+          "minPos": [
+            -28,
+            -28,
+            0
+          ],
+          "maxPos": [
+            28,
+            28,
+            0
+          ]
+        },
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "b17d4aec-b45f-44f3-86b4-b9653f3c44bd@6c48a",
+        "atlasUuid": ""
+      },
+      "ver": "1.0.12",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    }
+  },
+  "userData": {
+    "type": "sprite-frame",
+    "hasAlpha": true,
+    "fixAlphaTransparencyArtifacts": false,
+    "redirect": "b17d4aec-b45f-44f3-86b4-b9653f3c44bd@6c48a"
+  }
+}

assets/resources/chat/star_icon.png.meta

@@ -0,0 +1,134 @@
+{
+  "ver": "1.0.27",
+  "importer": "image",
+  "imported": true,
+  "uuid": "880f339b-25f5-4da7-837d-2a450c22cbd0",
+  "files": [
+    ".json",
+    ".png"
+  ],
+  "subMetas": {
+    "6c48a": {
+      "importer": "texture",
+      "uuid": "880f339b-25f5-4da7-837d-2a450c22cbd0@6c48a",
+      "displayName": "star_icon",
+      "id": "6c48a",
+      "name": "texture",
+      "userData": {
+        "wrapModeS": "clamp-to-edge",
+        "wrapModeT": "clamp-to-edge",
+        "imageUuidOrDatabaseUri": "880f339b-25f5-4da7-837d-2a450c22cbd0",
+        "isUuid": true,
+        "visible": false,
+        "minfilter": "linear",
+        "magfilter": "linear",
+        "mipfilter": "none",
+        "anisotropy": 0
+      },
+      "ver": "1.0.22",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
+    "f9941": {
+      "importer": "sprite-frame",
+      "uuid": "880f339b-25f5-4da7-837d-2a450c22cbd0@f9941",
+      "displayName": "star_icon",
+      "id": "f9941",
+      "name": "spriteFrame",
+      "userData": {
+        "trimType": "auto",
+        "trimThreshold": 1,
+        "rotated": false,
+        "offsetX": 0,
+        "offsetY": 0,
+        "trimX": 0,
+        "trimY": 0,
+        "width": 56,
+        "height": 54,
+        "rawWidth": 56,
+        "rawHeight": 54,
+        "borderTop": 0,
+        "borderBottom": 0,
+        "borderLeft": 0,
+        "borderRight": 0,
+        "packable": true,
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [
+            -28,
+            -27,
+            0,
+            28,
+            -27,
+            0,
+            -28,
+            27,
+            0,
+            28,
+            27,
+            0
+          ],
+          "indexes": [
+            0,
+            1,
+            2,
+            2,
+            1,
+            3
+          ],
+          "uv": [
+            0,
+            54,
+            56,
+            54,
+            0,
+            0,
+            56,
+            0
+          ],
+          "nuv": [
+            0,
+            0,
+            1,
+            0,
+            0,
+            1,
+            1,
+            1
+          ],
+          "minPos": [
+            -28,
+            -27,
+            0
+          ],
+          "maxPos": [
+            28,
+            27,
+            0
+          ]
+        },
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "880f339b-25f5-4da7-837d-2a450c22cbd0@6c48a",
+        "atlasUuid": ""
+      },
+      "ver": "1.0.12",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    }
+  },
+  "userData": {
+    "type": "sprite-frame",
+    "hasAlpha": true,
+    "fixAlphaTransparencyArtifacts": false,
+    "redirect": "880f339b-25f5-4da7-837d-2a450c22cbd0@6c48a"
+  }
+}