diff --git a/src/components/market/Herodialog.vue b/src/components/market/Herodialog.vue
index e733cc5..d79acd6 100644
--- a/src/components/market/Herodialog.vue
+++ b/src/components/market/Herodialog.vue
@@ -351,6 +351,17 @@ export default {
       visible: this.dialogVisible,
       loadingInstance: null,
       chainManager: new ChainManager(),
+      infoList: [
+        { id: 1, val: 40 },
+        { id: 2, val: 50 },
+        { id: 3, val: 60 },
+      ],
+      typeName: { 1: "HOBO" , 2: "HODE" , 3: "HOCD" },
+      info: {},
+      imge:[
+        'https://www.baidu.com',
+        'https://www.baidu.com',
+        'https://www.baidu.com',]
     };
   },
   watch: {
@@ -358,6 +369,31 @@ export default {
       this.visible = val;
     },
   },
+  created(){
+  //  console.log( this.infoList,'this.infoList'); 
+    // let list= this.infoList.map((i) =>{
+    //     
+    //    console.log(list)
+    //   }),
+//    const list = this.infoList.map((i)=>{
+//       this.info[this.typeName[i.id]] = i.val
+//     })
+//      console.log(this.info,'list')
+//       let newArr = new Array;
+//     for (var key in this.info) {
+//       var temp = {};
+//       if (this.info[key] != "") {
+//         temp.name = key;
+//         temp.val = this.info[key];
+//         newArr.push(temp);
+//       }
+//     }
+//     this.newArr.map((item,i)=>{
+//         i.imgeSrc =this.imge[item]  
+//     })
+//  console.log(newArr,'newArr')
+  //  console.log(Object.entries(this.info),'info')
+  },
   methods: {
     closeMyself(hide) {
       this.$emit("on-close", hide);
diff --git a/src/components/market/TheSellDialog.vue b/src/components/market/TheSellDialog.vue
index ea34e3b..69ac28a 100644
--- a/src/components/market/TheSellDialog.vue
+++ b/src/components/market/TheSellDialog.vue
@@ -1,5 +1,5 @@
 <template>
-  <el-dialog :show-close="false" :visible.sync="isPiecePut">
+  <el-dialog :show-close="false" :visible.sync="visible">
     <div class="bg"></div>
     <div class="container">
       <div class="price-title">PRIECE SETTIONG</div>
@@ -114,6 +114,7 @@ export default {
       cunout: 1,
       orderId: 9,
       dialogVisible: false,
+      visible:this.isPiecePut,
       isWeapon: false,
       isApprove: false,
       options: [],
@@ -135,6 +136,11 @@ export default {
       },
     };
   },
+  watch: {
+    isPiecePut(val) {
+      this.visible = val;
+    },
+  },
   created() {
     if (this.currencyTypeList.length > 0 && this.currencyTypeList) {
       this.value = this.currencyTypeList[0].address;
diff --git a/src/components/market/nft/Chip.vue b/src/components/market/nft/Chip.vue
index 48c69b7..d38f482 100644
--- a/src/components/market/nft/Chip.vue
+++ b/src/components/market/nft/Chip.vue
@@ -101,11 +101,15 @@
 </template>
 
 <script>
-import ChipDialog from "../ChipDialog";
-import MessageBox from "../MessageBox.vue";
+// import ChipDialog from "../ChipDialog";
+// import MessageBox from "../MessageBox.vue";
 import { formatPrice } from "@/utils/chain.util";
-import ChipBuyDialog from "../ChipBuyDialog.vue";
-import TheSellDialog from "../TheSellDialog.vue";
+// import ChipBuyDialog from "../ChipBuyDialog.vue";
+// import TheSellDialog from "../TheSellDialog.vue";
+const ChipDialog = () => import(/* webpackChunkName: "ChipDialog" */ '../ChipDialog.vue');
+const MessageBox = () => import(/* webpackChunkName: "MessageBox" */ '../MessageBox.vue');
+const ChipBuyDialog = () => import(/* webpackChunkName: "ChipBuyDialog" */ '../ChipBuyDialog.vue');
+const TheSellDialog = () => import(/* webpackChunkName: "TheSellDialog" */ '../TheSellDialog.vue');
 export default {
   props: ["chip", "isType", "currencyTypeList"],
   components: {
diff --git a/src/components/market/nft/HeroNft.vue b/src/components/market/nft/HeroNft.vue
index 087a4b3..2b1419c 100644
--- a/src/components/market/nft/HeroNft.vue
+++ b/src/components/market/nft/HeroNft.vue
@@ -91,7 +91,7 @@
         </div>
       </div>
     </div>
-    <Herodialog
+    <HeroDialog
       :dialogVisible="dialogVisible"
       @on-close="handDialoghide"
       :isTab="isTab"
@@ -109,7 +109,7 @@
       @handPutShow="handPutShow"
       @handPutHide="handPutHide"
       :hero="data"
-    ></Herodialog>
+    ></HeroDialog>
     <TheSellDialog
       :type="type"
       :isPiecePut="isPiecePut"
@@ -140,15 +140,16 @@
 </template>
 <script lang="ts">
 import { Component, Vue, Watch } from "vue-property-decorator";
-import Herodialog from "../HeroDialog.vue";
-import HeroBuyDialog from "../HeroBuyDialog.vue";
-import TheSellDialog from "../TheSellDialog.vue";
-import MessageBox from "../MessageBox.vue";
+const HeroDialog = () => import(/* webpackChunkName: "dialogInfo" */ '../HeroDialog.vue');
+const HeroBuyDialog = () => import(/* webpackChunkName: "HeroBuyDialog" */ '../HeroBuyDialog.vue');
+const TheSellDialog = () => import(/* webpackChunkName: "TheSellDialog" */ '../TheSellDialog.vue');
+const MessageBox = () => import(/* webpackChunkName: "MessageBox" */ '../MessageBox.vue');
+
 import { formatPrice } from "@/utils/chain.util";
 @Component({
   name: "HeroNft",
   components: {
-    Herodialog,
+    HeroDialog,
     MessageBox,
     TheSellDialog,
     HeroBuyDialog,
diff --git a/src/components/market/nft/PieceNft.vue b/src/components/market/nft/PieceNft.vue
index be29c2b..8331627 100644
--- a/src/components/market/nft/PieceNft.vue
+++ b/src/components/market/nft/PieceNft.vue
@@ -127,6 +127,7 @@ import ChipBuyDialog from "../ChipBuyDialog.vue";
 import MessageBox from "../MessageBox.vue";
 import WeaponBuyDialog from "../WeaponBuyDialog.vue";
 import { formatPrice } from "@/utils/chain.util";
+
 export default {
   props: ["isType", "nftList", "currencyTypeList"],
   components: {
diff --git a/src/components/market/nft/WeaponList.vue b/src/components/market/nft/WeaponList.vue
index cca6008..b0dbf2f 100644
--- a/src/components/market/nft/WeaponList.vue
+++ b/src/components/market/nft/WeaponList.vue
@@ -121,10 +121,14 @@
 </template>
 
 <script>
-import DunDialog from "../DunDialog";
-import MessageBox from "../MessageBox.vue";
-import TheSellDialog from "../TheSellDialog.vue";
-import TheBuyDialog from "../WeaponBuyDialog.vue";
+// import DunDialog from "../DunDialog";
+// import MessageBox from "../MessageBox.vue";
+// import TheSellDialog from "../TheSellDialog.vue";
+// import TheBuyDialog from "../WeaponBuyDialog.vue";
+const DunDialog = () => import(/* webpackChunkName: "DunDialog" */ '../DunDialog.vue');
+const TheSellDialog = () => import(/* webpackChunkName: "TheSellDialog" */ '../TheSellDialog.vue');
+const TheBuyDialog = () => import(/* webpackChunkName: "TheBuyDialog" */ '../WeaponBuyDialog.vue');
+const MessageBox = () => import(/* webpackChunkName: "MessageBox" */ '../MessageBox.vue');
 import { formatPrice } from "@/utils/chain.util";
 export default {
   props: ["weapon", "isType", "currencyTypeList"],
diff --git a/src/utils/SpineRender.ts b/src/utils/SpineRender.ts
index ae72074..ba8e6d7 100644
--- a/src/utils/SpineRender.ts
+++ b/src/utils/SpineRender.ts
@@ -14,32 +14,31 @@ export interface INftAttr{
 export interface ISpineData {
   [x: string]: string
   item_id: any
-  item_id: any
-  item_id: any
   details: any
-  id?: string
-  skelName?: string
-  animName?: string
-  name?: string
-  repeat?: boolean
-  scale?: number
-  class?: number|string
-  type?: number
-  price?: number
-  priceDiscount?: number
-  currency?: string
-  discount?: number
-  recordId?: number
-  coinAddress?: string
-  decimals?: number
-  directBuy?: boolean
-  showBuy?: boolean
-  stopBuy?: boolean
-  is_genesis?: number
-  info?: INftAttr
+  id?: any
+  skelName?: any
+  animName?: any
+  name?: any
+  repeat?: any
+  scale?: any
+  class?: any
+  type?: any
+  price?: any
+  priceDiscount?: any
+  currency?: any
+  discount?: any
+  recordId?: any
+  coinAddress?: any
+  decimals?: any
+  directBuy?: any
+  showBuy?: any
+  stopBuy?: any
+  is_genesis?: any
+  info?: any
   detail:any
 }
 
+
 export class SpineRender {
   private mvp : spine.webgl.Matrix4
   private canvas: HTMLCanvasElement
diff --git a/src/views/desktop/MyNft.vue b/src/views/desktop/MyNft.vue
index 5b48cc6..b71cfdb 100644
--- a/src/views/desktop/MyNft.vue
+++ b/src/views/desktop/MyNft.vue
@@ -729,7 +729,7 @@ export default class MyNft extends Vue {
       this.resetData();
     }
   }
-
+ 
   showFilter(val: boolean) {
     this.mobileFilterShow = val;
   }