fix

.postcssrc.js

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

src/components/mobile/main/HeroModal.vue

@@ -810,7 +810,7 @@ export default {
   }
   .mynft-sell {
     position: absolute;
-    right: 76px;
+    right: 116px;
     bottom: -41px;
     display: flex;
     justify-content: flex-end;

src/components/mobile/main/PieceModal.vue

@@ -406,7 +406,7 @@ export default {
 }
 .mynft-sell {
   position: absolute;
-  right: 59px;
+  right:81px;
   bottom: -41px;
   display: flex;
   justify-content: flex-end;

src/components/mobile/main/WeaponModal.vue

@@ -59,7 +59,6 @@
                   />
                 </div>
               </div>
-
               <LevelStar v-if="weapon.detail" :level="weapon.detail.quality">
               </LevelStar>
               <LevelValue
@@ -742,7 +741,7 @@ export default {
   }
   .mynft-sell {
     position: absolute;
-    right: 76px;
+    right: 126px;
     bottom: -41px;
     display: flex;
     justify-content: flex-end;

src/views/desktop/Mall.vue

@@ -87,9 +87,9 @@ export default class Official extends Vue {
   showOrderStatus = false
   historyOrderId: string | null = ''
   chainManger = new ChainManager()
-  private boxDatas: IBoxData[] = []
-  private totalPage = 1
-  private currentPage = 1
+  public boxDatas: IBoxData[] = []
+  public totalPage = 1
+  public currentPage = 1
 
   created() {
     if (!process.env.VUE_APP_PART_CLOSE) {

src/views/desktop/Market.vue

@@ -111,9 +111,9 @@ export default class Market extends Vue {
   nftList = [];
   debounce: any = null;
   loadingInstance: ElLoadingComponent;
-  private totalPage = 1;
+  public totalPage = 1;
   private pageSize = 10;
-  private currentPage = 1;
+  public currentPage = 1;
   private searchFilters: any = null;
   private jobFilters: any = "1|2|3|4";
   private orderAsc: any = 1;

src/views/desktop/MyNft.vue

@@ -462,8 +462,9 @@ export default class MyNft extends Vue {
       disImg: require("../../assets/market/filter-left/gun-chip-disable.png"),
     },
   ];
-  private totalPage = 1;
+  public totalPage = 1;
   private pageSize = 10;
+  public currentPage = 1;
   private searchFilters: any = null;
   private jobFilters: any = "1|2|3|4";
   private orderAsc: any = 0;
@@ -472,8 +473,7 @@ export default class MyNft extends Vue {
   private durabilityFilter: any = null;
   private orderMethod: any = 0;
   private starts = 0;
-  private currentPage = 1;
-  private currencyTypeList = [];
+  public currencyTypeList = [];
   private dataCache: Map<any, INftData[]> = new Map();
   private isProcess = false;
   private rewardModal: ZModal;
@@ -634,7 +634,7 @@ export default class MyNft extends Vue {
 
       const res: any = await queryMyNftList(reqData);
       if (res.nfts) {
-         this.nftList = res.nfts || [];
+        this.nftList = res.nfts || [];
         // this.nftList = list.filter((item: any) => {
         //   return item.details !== null;
         // });

src/views/desktop/Mystery.vue

@@ -102,9 +102,9 @@ export default class Official extends Vue {
   historyOrderId: string | null = ''
   chainManager = new ChainManager()
   totalCount = 0
-  private totalPage = 1
-  private currentPage = 1
-  private nftList: string[] = []
+  public totalPage = 1
+  public currentPage = 1
+  public nftList: string[] = []
   private isProcess = false
   private rewardModal: ZModal
 

src/views/desktop/NFT.vue

@@ -37,7 +37,7 @@ import BaseFooter from '@/components/layout/BaseFooter.vue'
 export default class extends Vue {
   private scale = 1.0
   private initWidth = 1920
-  private infoShow = false
+  public infoShow = false
   private infoType = 0
 
   get cstyle() {