diff --git a/src/assets/market/chip/adjust.png b/src/assets/market/chip/adjust.png
new file mode 100644
index 0000000..78a2e31
Binary files /dev/null and b/src/assets/market/chip/adjust.png differ
diff --git a/src/assets/market/chip/remove.png b/src/assets/market/chip/remove.png
new file mode 100644
index 0000000..1546383
Binary files /dev/null and b/src/assets/market/chip/remove.png differ
diff --git a/src/assets/market/hero/adjust.png b/src/assets/market/hero/adjust.png
new file mode 100644
index 0000000..e7a6ab4
Binary files /dev/null and b/src/assets/market/hero/adjust.png differ
diff --git a/src/assets/market/hero/remove.png b/src/assets/market/hero/remove.png
new file mode 100644
index 0000000..9dd61f4
Binary files /dev/null and b/src/assets/market/hero/remove.png differ
diff --git a/src/assets/market/piece/adjust.png b/src/assets/market/piece/adjust.png
new file mode 100644
index 0000000..9156f4e
Binary files /dev/null and b/src/assets/market/piece/adjust.png differ
diff --git a/src/assets/market/piece/remove.png b/src/assets/market/piece/remove.png
new file mode 100644
index 0000000..b3cc0eb
Binary files /dev/null and b/src/assets/market/piece/remove.png differ
diff --git a/src/components/market/Chipdialog.vue b/src/components/market/Chipdialog.vue
index 0924381..afd025c 100644
--- a/src/components/market/Chipdialog.vue
+++ b/src/components/market/Chipdialog.vue
@@ -87,7 +87,7 @@
               v-for="(item, i) in data.detail.rand_attr"
               :key="i"
             >
-              <div>{{chipArrid[item.attr_id]}}</div>
+              <div>{{ chipArrid[item.attr_id] }}</div>
               <div>{{ parseFloat(item.val).toFixed(2) * 100 }}%</div>
             </div>
             <!-- <div class="def-item">
@@ -104,6 +104,10 @@
       </div>
       <div class="buy-price">
         <div class="mynft" v-if="isType === 'mynft'">
+          <!-- <div class="for-rent-btn" v-if="orderId">
+            <div class="adjust" @click="handPutShow"></div>
+            <div class="remove"></div>
+          </div> -->
           <div class="rent"></div>
           <div class="sell" @click="handPutShow">Sell</div>
         </div>
@@ -140,7 +144,7 @@ export default {
   props: ["dialogVisible", "data", "isType"],
   data() {
     return {
-        chipArrid: {
+      chipArrid: {
         39: "Hp Pct",
         40: "Atk Pct",
         41: "Def Pct",
@@ -151,7 +155,7 @@ export default {
         46: "Hp Recover Pct",
         47: "Brain Life Pct",
         48: "Reload Time Pct",
-        49:"Bullet Speed",
+        49: "Bullet Speed",
         50: "Bullet Speed Pct",
         51: "Cool Down Pct",
       },
@@ -439,5 +443,25 @@ export default {
     background: url("../../assets/market/chip/sell-btn.png") no-repeat;
     background-size: contain;
   }
+  .for-rent-btn {
+    display: flex;
+    // margin-top: 170px;
+    .adjust {
+      width: 277px;
+      height: 72px;
+      cursor: pointer;
+      // margin-left: 14px;
+      background: url("../../assets/market/chip/adjust.png") no-repeat;
+      background-size: 100% 100%;
+    }
+    .remove {
+      width: 277px;
+      height: 72px;
+      cursor: pointer;
+      margin-left: 14px;
+      background: url("../../assets/market/chip/remove.png") no-repeat;
+      background-size: 100% 100%;
+    }
+  }
 }
 </style>
diff --git a/src/components/market/Dundialog.vue b/src/components/market/Dundialog.vue
index 07f3b97..50310a0 100644
--- a/src/components/market/Dundialog.vue
+++ b/src/components/market/Dundialog.vue
@@ -231,8 +231,13 @@
     ></Transition>
     <div class="buy-price">
       <div class="mynft" v-if="isType === 'mynft'">
+         <!-- <div class="for-rent-btn" v-if="orderId">
+          <div class="adjust"  @click="handPutShow"></div>
+          <div class="remove"></div>
+        </div> -->
         <div class="rent"></div>
         <div class="sell" @click="handPutShow">Sell</div>
+        
       </div>
       <div class="maeket" v-else>
         <div class="price">
@@ -592,6 +597,26 @@ export default {
     height: 100px;
     margin-right: 30px;
   }
+   .for-rent-btn {
+    display: flex;
+    // margin-top: 170px;
+    .adjust {
+      width: 384px;
+      height: 89px;
+       cursor: pointer;
+      // margin-left: 14px;
+      background: url("../../assets/market/hero/adjust.png") no-repeat;
+      background-size: 100% 100%;
+    }
+    .remove {
+      width: 384px;
+      height: 89px;
+       cursor: pointer;
+      margin-left: 14px;
+      background: url("../../assets/market/hero/remove.png") no-repeat;
+      background-size: 100% 100%;
+    }
+  }
 }
 .tabs {
   position: absolute;
diff --git a/src/components/market/Herodialog.vue b/src/components/market/Herodialog.vue
index 5e7b556..723dbcb 100644
--- a/src/components/market/Herodialog.vue
+++ b/src/components/market/Herodialog.vue
@@ -107,7 +107,9 @@
                 <div>
                   {{
                     hero.detail.rand_attr[0].val
-                      ? hero.detail.rand_attr[0].val>=100 ? parseInt(hero.detail.rand_attr[0].val*1) : (hero.detail.rand_attr[0].val*1).toFixed(2)
+                      ? hero.detail.rand_attr[0].val >= 100
+                        ? parseInt(hero.detail.rand_attr[0].val * 1)
+                        : (hero.detail.rand_attr[0].val * 1).toFixed(2)
                       : ""
                   }}
                 </div>
@@ -126,7 +128,9 @@
                 <div>
                   {{
                     hero.detail.rand_attr[1].val
-                      ? hero.detail.rand_attr[1].val>=100 ? parseInt(hero.detail.rand_attr[1].val*1) : (hero.detail.rand_attr[1].val*1).toFixed(2)
+                      ? hero.detail.rand_attr[1].val >= 100
+                        ? parseInt(hero.detail.rand_attr[1].val * 1)
+                        : (hero.detail.rand_attr[1].val * 1).toFixed(2)
                       : ""
                   }}
                 </div>
@@ -146,7 +150,9 @@
                 <div>
                   {{
                     hero.detail.rand_attr[2].val
-                      ? hero.detail.rand_attr[2].val>=100 ? parseInt(hero.detail.rand_attr[2].val*1) : (hero.detail.rand_attr[2].val*1).toFixed(2)
+                      ? hero.detail.rand_attr[2].val >= 100
+                        ? parseInt(hero.detail.rand_attr[2].val * 1)
+                        : (hero.detail.rand_attr[2].val * 1).toFixed(2)
                       : ""
                   }}
                 </div>
@@ -165,7 +171,7 @@
                 <div>
                   {{
                     hero.detail.rand_attr[4].val
-                      ? ((hero.detail.rand_attr[4].val *1)*100).toFixed(2)
+                      ? (hero.detail.rand_attr[4].val * 1 * 100).toFixed(2)
                       : "0"
                   }}%
                 </div>
@@ -184,7 +190,7 @@
                 <div>
                   {{
                     hero.detail.rand_attr[5].val
-                      ? ((hero.detail.rand_attr[5].val *1)*100).toFixed(2)
+                      ? (hero.detail.rand_attr[5].val * 1 * 100).toFixed(2)
                       : "0"
                   }}%
                 </div>
@@ -203,7 +209,7 @@
                 <div>
                   {{
                     hero.detail.rand_attr[6].val
-                      ? ((hero.detail.rand_attr[6].val *1)*100).toFixed(2)
+                      ? (hero.detail.rand_attr[6].val * 1 * 100).toFixed(2)
                       : "0"
                   }}%
                 </div>
@@ -222,7 +228,7 @@
                 <div>
                   {{
                     hero.detail.rand_attr[7].val
-                      ? ((hero.detail.rand_attr[7].val *1)*100).toFixed(2)
+                      ? (hero.detail.rand_attr[7].val * 1 * 100).toFixed(2)
                       : "0"
                   }}%
                 </div>
@@ -266,6 +272,10 @@
     ></Transition>
     <div class="buy-price">
       <div class="mynft" v-if="isType === 'mynft'">
+        <!-- <div class="for-rent-btn" v-if="orderId">
+          <div class="adjust" @click="handPutShow"></div>
+          <div class="remove"></div>
+        </div> -->
         <div class="rent"></div>
         <div class="sell" @click="handPutShow">Sell</div>
       </div>
@@ -628,6 +638,26 @@ export default {
     height: 89px;
     margin-right: 35px;
   }
+  .for-rent-btn {
+    display: flex;
+    // margin-top: 170px;
+    .adjust {
+      width: 384px;
+      height: 89px;
+       cursor: pointer;
+      // margin-left: 14px;
+      background: url("../../assets/market/hero/adjust.png") no-repeat;
+      background-size: 100% 100%;
+    }
+    .remove {
+      width: 384px;
+      height: 89px;
+       cursor: pointer;
+      margin-left: 14px;
+      background: url("../../assets/market/hero/remove.png") no-repeat;
+      background-size: 100% 100%;
+    }
+  }
 }
 .tabs {
   position: absolute;
diff --git a/src/components/market/Piecedialog.vue b/src/components/market/Piecedialog.vue
index 05a4a0b..0126299 100644
--- a/src/components/market/Piecedialog.vue
+++ b/src/components/market/Piecedialog.vue
@@ -7,14 +7,12 @@
           v-if="piece.c_id"
           width="214px"
           :src="
-            require('@/assets/market/piece/details/' +
-              piece.c_id +
-              '_full.png')
+            require('@/assets/market/piece/details/' + piece.c_id + '_full.png')
           "
           alt=""
         />
         <img
-           v-else-if="piece.item_id"
+          v-else-if="piece.item_id"
           width="214px"
           :src="
             require('@/assets/market/piece/details/' +
@@ -52,7 +50,7 @@
                   {{ piece.balance }}
                 </div>
                 <div class="piece-number" v-else>
-                  <span> {{ piece.amount}}</span>
+                  <span> {{ piece.amount }}</span>
                 </div>
               </div>
             </div>
@@ -75,6 +73,10 @@
       </div>
       <div class="buy-price">
         <div class="mynft" v-if="isType === 'mynft'">
+          <!-- <div class="for-rent-btn" v-if="orderId">
+            <div class="adjust"  @click="handPutShow"></div>
+            <div class="remove"></div>
+          </div> -->
           <div class="rent"></div>
           <div class="sell" @click="handPutShow">Sell</div>
         </div>
@@ -156,7 +158,7 @@ export default {
       console.log(this.piece.detail.balance, "this.piece.detail.balance");
     },
     handPutShow() {
-      this.$emit("handPutShow",this.piece);
+      this.$emit("handPutShow", this.piece);
       console.log("ppwowerw");
     },
     showTip() {
@@ -164,7 +166,7 @@ export default {
       this.$emit("showTip");
     },
     handBuyShow() {
-      this.$emit("handBuyShow",this.piece);
+      this.$emit("handBuyShow", this.piece);
       console.log("handBuyShow");
     },
   },
@@ -384,5 +386,25 @@ export default {
     background: url("../../assets/market/chip/sell-btn.png") no-repeat;
     background-size: 100% 100%;
   }
+  .for-rent-btn {
+    display: flex;
+    // margin-top: 170px;
+    .adjust {
+      width: 229px;
+      height: 72px;
+      cursor: pointer;
+      // margin-left: 14px;
+      background: url("../../assets/market/piece/adjust.png") no-repeat;
+      background-size: 100% 100%;
+    }
+    .remove {
+      width: 229px;
+      height: 72px;
+      cursor: pointer;
+      margin-left: 14px;
+      background: url("../../assets/market/piece/remove.png") no-repeat;
+      background-size: 100% 100%;
+    }
+  }
 }
 </style>
diff --git a/src/components/market/TheSellDialog.vue b/src/components/market/TheSellDialog.vue
index 47dd37e..fd59ff7 100644
--- a/src/components/market/TheSellDialog.vue
+++ b/src/components/market/TheSellDialog.vue
@@ -80,7 +80,7 @@ import WeaponSellTop from "./WeaponSellTop.vue";
 import PieceSellTop from "./PieceSellTop.vue";
 import HeroSellTop from "./HeroSellTop.vue";
 import ChipSellTop from "./ChipSellTop.vue";
-import { sellMyNft, getSupportedCurrenTypes } from "@/api/Market";
+import { getSupportedCurrenTypes } from "@/api/Market";
 import { AppModule } from "@/store/modules/app";
 import { CONTRACT_ADDRESS } from "@/configs/config_chain";
 import ChainManager from "@/chain/ChainManager";
diff --git a/src/components/market/nft/HeroNft.vue b/src/components/market/nft/HeroNft.vue
index 9d77fa9..b3a95f5 100644
--- a/src/components/market/nft/HeroNft.vue
+++ b/src/components/market/nft/HeroNft.vue
@@ -2,11 +2,16 @@
   <div>
     <div class="container" @click="HeroDialog(data)">
       <!-- <div class="no-sale">
-        <img
-          width="205px"
-          src="../../../assets/market/hero/no-sale.png"
-          alt=""
-        />
+        <div class="for-rent">
+          <div class="for-rent-img">
+            <img
+              width="205px"
+              src="../../../assets/market/hero/for-rent.png"
+              alt=""
+            />
+          </div>
+         
+        </div>
       </div> -->
       <div class="type-img" v-if="data.info !== null">
         <img
@@ -239,7 +244,7 @@ export default class HeroNft extends Vue {
   HeroDialog(data: void) {
     // console.log(data.item_id+'我是英雄弹框');
     this.dialogVisible = true;
-    console.log('-=--==--=',this.dialogVisible)
+    console.log("-=--==--=", this.dialogVisible);
     // get cardBg() {
     //   if (this.nftData.isGenesis) {
     //     return require("@/assets/main/card/card_border_s.png");
@@ -290,6 +295,28 @@ export default class HeroNft extends Vue {
     opacity: 0.8;
     z-index: 11;
     border-radius: 16px;
+    .for-rent-img{
+      margin-top: 100px;
+      margin-bottom: 70px;
+    }
+    .for-rent-btn {
+      display: flex;
+      // margin-top: 170px;
+      .adjust {
+        width: 105px;
+        height: 35px;
+        // margin-left: 14px;
+        background: url("../../../assets/market/hero/adjust.png") no-repeat;
+        background-size: 100% 100%;
+      }
+      .remove {
+        width: 105px;
+        height: 35px;
+        margin-left: 14px;
+        background: url("../../../assets/market/hero/remove.png") no-repeat;
+        background-size: 100% 100%;
+      }
+    }
   }
   // padding-top: 18px;
   .type-img {