fix

src/components/market/ChipBuyDialog.vue

@@ -134,14 +134,6 @@ export default {
   },
   methods: {
     async haldBuy() {
-      const data = {
-        currency: this.piece.s_currency
-          ? this.piece.s_currency
-          : this.data.s_currency,
-        price: this.piece.s_price ? this.piece.s_price : this.data.s_price,
-        marketAddress: CONTRACT_ADDRESS[AppModule.chainId].marketAddress,
-      };
-      console.log(data, "beginApproveBuy");
       try {
         this.showLoading();
         const nftres = await this.chainManager.bc.beginApproveBuy(
@@ -149,7 +141,6 @@ export default {
           this.piece.s_price ? this.piece.s_price : this.data.s_price,
           CONTRACT_ADDRESS[AppModule.chainId].marketAddress
         );
-        console.log(nftres, "beginApproveBuy");
         if (nftres.status == true) {
           this.isApprove = true;
           this.hideLoading();

src/components/market/ChipSellTop.vue

@@ -89,7 +89,6 @@ export default {
         justify-content: space-between;
         margin-left: 12px;
         margin-right: 12px;
-        // margin-top: 9px;
       }
       .srabded {
         margin-top: 9px;
@@ -103,10 +102,6 @@ export default {
     }
     .sellers {
       width: 299px;
-      // height: 24px;
-      //   text-align: center;
-      // display: flex;
-      // justify-content: center;
       font-size: 13px;
       margin-top: 12px;
       margin-left: 19px;

src/components/market/DefContent.vue

@@ -2,20 +2,16 @@
   <div>
     <div class="def-content" v-if="chipsid == 5">
       <div class="def-item">
-        <!-- <div>{{ chipArrid[chipsinfo[0].attr_id] }}</div> -->
         <div>{{ chipArridName(chipsinfo[0].attr_id) }}</div>
         <div>+{{ chipList * 100 }}%</div>
       </div>
-
       <div class="def-item">LUCKY Unlocked at Lv.5</div>
     </div>
     <div class="def-content" v-else>
       <div class="def-item" v-for="(chip, i) in chipList" :key="i">
-        <!-- <div>{{ chipArrid[chip.attr_id] }}</div> -->
         <div>{{ chipArridName(chip.attr_id) }}</div>
         <div>+{{ (chip.val * 100).toFixed(2) }}%</div>
       </div>
-
       <div class="def-item">LUCKY Unlocked at Lv.5</div>
     </div>
   </div>
@@ -29,21 +25,6 @@ export default {
     return {
       cunter: 0,
       name: "",
-      chipArrid: {
-        39: "Hp Pct",
-        40: "Atk Pct",
-        41: "Def Pct",
-        42: "Critical",
-        43: "Cri Damage",
-        44: "Dodge",
-        45: "Dodge Reduce",
-        46: "Hp Recover Pct",
-        47: "Brain Life Pct",
-        48: "Reload Time Pct",
-        49: "Bullet Speed",
-        50: "Bullet Speed Pct",
-        51: "Cool Down Pct",
-      },
     };
   },
   computed: {

src/components/market/FilterLeft.vue

@@ -173,7 +173,6 @@ export default {
 <style lang="scss" scoped>
 .container {
   width: 340px;
-  //   height: 1170px;
   border-radius: 30px;
 }
 </style>

src/components/market/HeroBuyDialog.vue

@@ -233,7 +233,6 @@ export default {
           margin-top: 22px;
           position: relative;
           line-height: 63px;
-          //   text-align: center;
           background: url("../../assets/market/hero/price.png") no-repeat;
           background-size: 100% 100%;
           .priece-number {

src/components/market/HeroBuyTop.vue

@@ -121,9 +121,7 @@ export default {
   background: url("../../assets/market/hero/type-1.png") no-repeat;
   background-size: 100% 100%;
   .hero-name {
-    //  width: 46px;
     height: 24px;
-    // max-width: 86px;
     line-height: 24px;
     padding-right: 14px;
     padding-left: 14px;
@@ -148,9 +146,7 @@ export default {
     top: 6px;
   }
   .hero-name {
-    //  width: 46px;
     height: 24px;
-    // max-width: 86px;
     line-height: 24px;
     padding-right: 14px;
     padding-left: 14px;

src/components/market/HeroMosaicChip.vue

@@ -325,27 +325,11 @@ export default {
       display: flex;
       background: url("../../assets/market/chip-rector-bg.png") no-repeat;
       background-size: 100% 100%;
-      // .bg {
-      //   width: 169px;
-      //   height: 146px;
-      //   background: url("../../assets/market/chip-item-bg.png") no-repeat;
-      //   background-size: 100% 100%;
-      //   margin-left: 33px;
-      //   margin-top: 54px;
-      //   display: flex;
-      //   justify-content: center;
-      //   .hill-icon-img {
-      //     margin-top: 13px;
-      //     margin-right: 5px;
-      //   }
-      // }
       .reactor-bg {
         .hill-icon-img {
           cursor: pointer;
           margin-left: 35px;
           margin-top: 38px;
-          // margin-top: 13px;
-          // margin-right: 5px;
         }
       }
       .active-bg {
@@ -408,7 +392,6 @@ export default {
   }
   .chip-right-top {
     color: #ffffff;
-    // margin-left: 137px;
     width: 431px;
     margin: 0 auto;
     .token-lable {
@@ -454,7 +437,6 @@ export default {
     height: 263px;
     display: flex;
     flex-direction: column;
-    // justify-content: space-between;
     background: rgba(5, 57, 68, 0.3);
     border-radius: 20px;
   }
@@ -463,7 +445,6 @@ export default {
     margin-left: 20px;
     height: 26px;
     font-size: 37px;
-    // font-family: "SairaStencilOne";
     color: #ffffff;
   }
 
@@ -471,7 +452,6 @@ export default {
     margin-top: 14px;
     margin-right: 14px;
     .hill-icon-img {
-      // margin-top: 80px;
     }
   }
   .assult-rifle-content {
@@ -523,32 +503,6 @@ export default {
   margin-right: 25px;
   justify-content: space-between;
 }
-
-// .buy-price {
-//   position: absolute;
-//   right: 44px;
-//   bottom: -33px;
-//   display: flex;
-//   .price {
-//     width: 201px;
-//     height: 71px;
-//     font-size: 32px;
-//     position: relative;
-//     font-family: "Arciform";
-//     margin-right: 20px;
-//     color: #ffffff;
-//     background: url("../../assets/market/hero/price.png") no-repeat;
-//     background-size: 100% 100%;
-//     .price-number {
-//       position: absolute;
-//       right: 19px;
-//       top: 13px;
-//       font-size: 34px;
-//       // right: 82px;
-//       // bottom: -41px;
-//     }
-//   }
-// }
 .left-img {
   width: 802px;
   img {
@@ -562,10 +516,8 @@ export default {
   position: absolute;
   top: -41px;
   left: -40px;
-  // opacity: 0;
   img {
     width: 100%;
-    // opacity: 0;
   }
 }
 .def-content {

src/components/market/Herodialog.vue

@@ -49,13 +49,11 @@
             />
           </div>
           <div class="hero-right-token">
-            <!-- <div class="token-name">TOKEN ID</div> -->
             <div class="token-id">#{{ hero.detail.token_id }}</div>
             <div class="hill">
               <div class="hill-content">
                 <div class="hill-name">
                   {{ hero.c_name ? hero.c_name : hero.detail.hero_name }}
-                  <!-- <span class="name">Name</span> -->
                 </div>
                 <div>
                   <img
@@ -350,7 +348,7 @@ export default {
       orderId: 6,
       visible: this.dialogVisible,
       loadingInstance: null,
-      chainManager: new ChainManager()
+      chainManager: new ChainManager(),
     };
   },
   watch: {
@@ -364,7 +362,6 @@ export default {
     },
     open() {
       this.$emit("on-open");
-     
     },
     formatPriceShow(price, decimals, fixed = 2) {
       return formatPrice(price, decimals, fixed);
@@ -509,7 +506,6 @@ export default {
     }
     .hill-name {
       font-size: 47px;
-      // font-family: "SairaStencilOne";
       position: relative;
       color: #ffffff;
     }

src/components/market/MessageBox.vue

@@ -84,7 +84,6 @@ export default {
   .title {
     font-size: 43px;
     margin-top: 76px;
-    // font-family: Bahnschrift;
     font-weight: bold;
     color: #ffffff;
   }
@@ -127,7 +126,6 @@ export default {
   .title {
     font-size: 43px;
     margin-top: 76px;
-    // font-family: Bahnschrift;
     font-weight: bold;
     color: #ffffff;
   }

src/components/market/NftTypeBar.vue

@@ -41,6 +41,14 @@ import { Component, Prop, Vue } from "vue-property-decorator";
 })
 export default class NftTypeBar extends Vue {
   // @Prop() private selectIdx: number;
+   private types = [
+    { Image: require("../../assets/market/hero.png") },
+    { Image: require("../../assets/market/weapon.png") },
+    { Image: require("../../assets/market/chip.png") },
+    { Image: require("../../assets/market/piece.png") },
+    // { Image: require("../../assets/market/voucher.png") },
+  ];
+
   value = "1|1";
   private onClickItem(idx: number) {
     this.$emit("nft-type-changed", idx + 1);

src/components/market/PieceSellTop.vue

@@ -24,10 +24,6 @@
             <div>Token id</div>
             <div>#{{ data.token_id }}</div>
           </div>
-          <!-- <div class="amount">
-              <div>Amount</div>
-              <div>721</div>
-            </div> -->
         </div>
         <div class="count-content">
           <div class="amount">Amount</div>
@@ -112,7 +108,6 @@ export default {
     .sellers {
       width: 299px;
       height: 24px;
-      //   text-align: center;
       font-size: 13px;
       margin-top: 12px;
       margin-left: 29px;

src/components/market/Piecedialog.vue

@@ -249,7 +249,6 @@ export default {
   }
   .piece-right-top {
     color: #ffffff;
-    // margin-left: 137px;
     width: 343px;
     .token-lable {
       text-align: center;
@@ -294,7 +293,6 @@ export default {
     height: 140px;
     display: flex;
     flex-direction: column;
-    // justify-content: space-between;
     background: rgba(26, 58, 175, 0.3);
     border-radius: 20px;
   }
@@ -303,7 +301,6 @@ export default {
     margin-left: 20px;
     height: 26px;
     font-size: 37px;
-    // font-family: "SairaStencilOne";
     color: #ffffff;
   }
 
@@ -398,7 +395,6 @@ export default {
     background-size: 100% 100%;
     .price-number {
       line-height: 71px;
-      // margin-left: 65px;
       margin-right: 10px;
     }
   }
@@ -408,13 +404,6 @@ export default {
   .rent {
     width: 229px;
     height: 72px;
-    //  cursor: pointer;
-    // text-align: center;
-    // font-size: 44px;
-    // line-height: 72px;
-    // color: #ffffff;
-    // background: url("../../assets/market/chip/sell-btn.png") no-repeat;
-    // background-size: 100% 100%;
   }
   .sell {
     width: 229px;
@@ -429,12 +418,10 @@ export default {
   }
   .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%;
     }

src/components/market/ProgressCard.vue

@@ -42,9 +42,6 @@ export default {
     curent() {
       return (( this.min / this.max).toFixed(2))*100 ; ;
     },
-  },
-  created(){
-    // console.log( (( this.min / this.max).toFixed(2))*100 ,'selog');
   }
 };
 </script>

src/components/market/WeaponMosaicChip.vue

@@ -60,7 +60,6 @@
               <div v-else></div>
             </div>
           </div>
-          <!-- <div class="left-content"></div> -->
           <div class="chip-tab-right">
             <div class="chip-item">
               <div
@@ -204,11 +203,9 @@ export default {
       if (b == null) return 1;
       return (b.idx || 0) - (a.idx || 0);
     });
-    // console.log(list);
   },
   methods: {
     closeTip() {
-      // 分发自定义事件(事件名: closeTip)
       this.$emit("closeTip", false);
     },
     showTip() {
@@ -270,7 +267,6 @@ export default {
     align-items: center;
     img {
       width: 100%;
-      // opacity: 0;
     }
   }
 }
@@ -284,7 +280,6 @@ export default {
   .chip-left {
     position: relative;
     margin-left: 190px;
-    // margin-top: 137px;
     display: flex;
     margin-right: 51px;
     .left-content {

src/components/market/account/ItemTable.vue

@@ -10,7 +10,7 @@
             <div>To</div>
             <div>Date</div>
           </div>
-          <div class="All">
+          <div class="all">
             <el-table
               :data="tableData"
               style="width: 100%"
@@ -61,8 +61,7 @@ export default {
       color: #bacaff;
       border-radius: 20px;
     }
-    .All {
+    .all {
-   
       border-bottom-left-radius: 20px;
       border-bottom-right-radius: 20px;
       background-color: rgba(80, 110, 190, 1) !important;

src/components/market/account/NftTable.vue

@@ -48,10 +48,7 @@ export default {
   methods: {
     handNftActive(i) {
       this.nftid = i;
-    },
+    }
-    getRowClass() {
-      return "background: rgba(62, 89, 182, 1);fontSize: 30px;font-weight: 600; color: #BACAFF";
-    },
   },
 };
 </script>

src/components/market/account/SwapTable.vue

@@ -23,7 +23,7 @@
             <div>From</div>
             <div>Date</div>
           </div>
-          <div class="All">
+          <div class="all">
             <el-table
               :data="tableData"
               style="width: 100%"
@@ -51,7 +51,7 @@
             <div>From</div>
             <div>Date</div>
           </div>
-          <div class="All">
+          <div class="all">
             <el-table
               :data="tableData"
               style="width: 100%"
@@ -142,7 +142,7 @@ export default {
 }
 // .swap-list {
 //      padding-bottom: 40px;
-//   .All {
+//   .all {
 //     width: 1177px;
 //     // height: 613px;
 //     border-radius: 20px;
@@ -169,7 +169,7 @@ export default {
       color: #bacaff;
       border-radius: 20px;
     }
-    .All {
+    .all {
       // width: 1177px;
       // height: 613px;
       border-bottom-left-radius: 20px;