fix

.postcssrc.js

@@ -1,22 +1,22 @@
 
-  module.exports = {
+  // module.exports = {
-    plugins: {
+  //   plugins: {
-      autoprefixer: {}, // 用来给不同的浏览器自动添加相应前缀，如-webkit-，-moz-等等
+  //     autoprefixer: {}, // 用来给不同的浏览器自动添加相应前缀，如-webkit-，-moz-等等
-      "postcss-px-to-viewport": {
+  //     "postcss-px-to-viewport": {
-        unitToConvert: "px", // 要转化的单位
+  //       unitToConvert: "px", // 要转化的单位
-        viewportWidth: 1080, // UI设计稿的宽度
+  //       viewportWidth: 1080, // UI设计稿的宽度
-        unitPrecision: 6, // 转换后的精度，即小数点位数
+  //       unitPrecision: 6, // 转换后的精度，即小数点位数
-        propList: ["*"], // 指定转换的css属性的单位，*代表全部css属性的单位都进行转换
+  //       propList: ["*"], // 指定转换的css属性的单位，*代表全部css属性的单位都进行转换
-        viewportUnit: "vw", // 指定需要转换成的视窗单位，默认vw
+  //       viewportUnit: "vw", // 指定需要转换成的视窗单位，默认vw
-        fontViewportUnit: "vw", // 指定字体需要转换成的视窗单位，默认vw
+  //       fontViewportUnit: "vw", // 指定字体需要转换成的视窗单位，默认vw
-        selectorBlackList: ["wrap"], // 指定不转换为视窗单位的类名，
+  //       selectorBlackList: ["wrap"], // 指定不转换为视窗单位的类名，
-        minPixelValue: 1, // 默认值1，小于或等于1px则不进行转换
+  //       minPixelValue: 1, // 默认值1，小于或等于1px则不进行转换
-        mediaQuery: true, // 是否在媒体查询的css代码中也进行转换，默认false
+  //       mediaQuery: true, // 是否在媒体查询的css代码中也进行转换，默认false
-        replace: true, // 是否转换后直接更换属性值
+  //       replace: true, // 是否转换后直接更换属性值
-        exclude: [/\/src\/views\/desktop\//], // 设置忽略文件，用正则做目录名匹配
+  //       exclude: [/\/src\/views\/desktop\//], // 设置忽略文件，用正则做目录名匹配
-        landscape: false // 是否处理横屏情况
+  //       landscape: false // 是否处理横屏情况
-      },
+  //     },
       
-    }
+  //   }
-  };
+  // };
 

src/components/market/Herodialog.vue

@@ -431,6 +431,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+$fontSize-color:#ffffff;
 .contents {
   ::v-deep .el-dialog,
   .el-pager li {
@@ -507,7 +508,7 @@ export default {
     .hill-name {
       font-size: 47px;
       position: relative;
-      color: #ffffff;
+      color:$fontSize-color;
     }
     .name {
       font-size: 17px;
@@ -516,13 +517,13 @@ export default {
       bottom: -11px;
       font-family: "OPPOSans";
       font-weight: normal;
-      color: #ffffff;
+      color: $fontSize-color;
       margin-left: 33px;
     }
   }
   .hero-right-token {
     width: 353px;
-    color: #ffffff;
+    color: $fontSize-color;
     right: 0px;
     .token-name {
       text-align: center;
@@ -530,7 +531,7 @@ export default {
       font-size: 34px;
       margin-bottom: 11px;
       font-weight: bold;
-      color: #ffffff;
+      color: $fontSize-color;
     }
     .token-id {
       margin-top: 36px;
@@ -550,7 +551,7 @@ export default {
     width: 33%;
     margin-left: 25px;
     margin-top: 36px;
-    color: #ffffff;
+    color: $fontSize-color;
     right: 0px;
     .hero-hp {
       width: 409px;
@@ -570,13 +571,13 @@ export default {
     font-size: 24px;
     font-family: "Bahnschrift";
     font-weight: bold;
-    color: #ffffff;
+    color: $fontSize-color;
     .item {
       display: flex;
       font-size: 24px;
       font-family: "Bahnschrift";
       font-weight: bold;
-      color: #ffffff;
+      color: $fontSize-color;
       .item-img {
         margin-right: 26px;
       }
@@ -610,7 +611,7 @@ export default {
     font-size: 22px;
     font-family: "Bahnschrift";
     font-weight: bold;
-    color: #ffffff;
+    color: $fontSize-color;
     margin-top: 13px;
     padding-right: 20px;
     padding-left: 20px;
@@ -641,7 +642,7 @@ export default {
     font-family: "Arciform";
     font-weight: 400;
     margin-right: 30px;
-    color: #ffffff;
+    color: $fontSize-color;
     background: url("../../assets/market/hero/price.png") no-repeat;
     background-size: 100% 100%;
     .price-number {
@@ -661,7 +662,7 @@ export default {
     text-align: center;
     font-size: 44px;
     line-height: 89px;
-    color: #ffffff;
+    color: $fontSize-color;
     background: url("../../assets/market/chip/sell-btn.png") no-repeat;
     background-size: 100% 100%;
   }
@@ -701,7 +702,7 @@ export default {
     font-size: 63px;
     font-family: "SairaStencilOne";
     font-weight: 400;
-    color: #ffffff;
+    color: $fontSize-color;
     line-height: 80px;
     text-align: center;
     margin-right: 10px;

src/components/mobile/main/ChipSellTop.vue

@@ -15,14 +15,14 @@
           />
           <img
             class="hero-img"
-            v-else
+            v-else-if="data.c_id"
             :src="
               require('@/assets/market/chip/details/' + data.c_id + '_full.png')
             "
             alt=""
           />
         </div>
-        <div class="hero-name">
+        <div class="hero-name" v-if="data.detail">
           {{ data.detail.chip_name }}
         </div>
       </div>
@@ -45,7 +45,7 @@
           <div class="priece" v-else>
             <div class="priece-btn">
               <div class="priece-number">
-                {{formatPriceShow(data.s_price,18)  }}
+                {{ formatPriceShow(data.s_price, 18) }}
               </div>
             </div>
           </div>
@@ -59,11 +59,11 @@
 import { formatPrice } from "@/utils/chain.util";
 export default {
   props: ["data", "isBuy"],
-  methods:{
+  methods: {
-     formatPriceShow(price, decimals, fixed = 2) {
+    formatPriceShow(price, decimals, fixed = 2) {
       return formatPrice(price, decimals, fixed);
     },
-  }
+  },
 };
 </script>
 

src/components/mobile/main/PieceList.vue

@@ -19,8 +19,16 @@
       </div>
       <div class="chip-bg">
         <img
+          v-if="piece.detail"
           :src="
-            require('@/assets/market/piece/' + piece.detail.item_id + '.png')
+            require('@/assets/market/piece/' + piece.detail.token_id + '.png')
+          "
+          alt=""
+        />
+         <img
+          v-else-if="piece.token_id"
+          :src="
+            require('@/assets/market/piece/' + piece.token_id + '.png')
           "
           alt=""
         />

src/components/mobile/main/TheBuyDialog.vue

@@ -76,6 +76,7 @@ import PieceSellTop from "./PieceSellTop.vue";
 import WeaponSellTop from "./WeaponSellTop.vue";
 import { formatPrice } from "@/utils/chain.util";
 import { AppModule } from "@/store/modules/app";
+import { UserModule } from "@/store/modules/user";
 import { CONTRACT_ADDRESS } from "@/configs/config_chain";
 import ChainManager from "@/chain/ChainManager";
 export default {
@@ -103,6 +104,11 @@ export default {
   created() {
     console.log(this.hero, "hero");
   },
+  computed: {
+    logined() {
+      return !!UserModule.token && !!AppModule.step;
+    },
+  },
   methods: {
     closeTip() {
       // 分发自定义事件(事件名: closeTip)
@@ -110,6 +116,9 @@ export default {
       this.detailVisible = false;
     },
     async haldBuy() {
+      if (!this.logined) {
+        await this.chainManager.login();
+      }
       try {
         this.showLoading();
         const nftres = await this.chainManager.bc.beginApproveBuy(

src/components/mobile/main/WeaponSellTop.vue

@@ -13,13 +13,13 @@
             />
             <img
               class="weapon-img"
-              v-else
+              v-if="data.c_id"
               width="331px"
               :src="require('@/assets/market/weapon/' + data.c_id + '.png')"
               alt=""
             />
           </div>
-          <div class="weapon-name">
+          <div class="weapon-name" v-if="data.detail">
             {{ data.detail.gun_name }}
           </div>
         </div>
@@ -27,7 +27,7 @@
           <div class="weapon-userinfo">
             <div class="srabded">
               <div>Token id</div>
-              <div>#{{ data.detail.token_id }}</div>
+              <div >#{{ data.token_id}}</div>
             </div>
             <div class="token-amount">
               <div class="token-id">
@@ -50,7 +50,7 @@
             <div class="token-amount">
               <div class="token-id-buy">
                 <div>Token id</div>
-                <div>#{{ data.detail.token_id }}</div>
+                <div>#{{ data.token_id }}</div>
               </div>
 
               <div class="priece">