ffi

.env

@@ -3,3 +3,5 @@ VUE_APP_CHAIN_ID=97
 VUE_APP_PLAY_URL='https://play.google.com/store/apps/details?id=games.cebg.metaverse.nft.btc.blockchain.eth.coinbase.binance.FTX.kucoin'
 VUE_APP_APPSTORE='javascript:void(0)'
 VUE_APP_APK_URL='https://www.cebg.games/release/cebg.apk'
+
+# http://192.168.100.83:9080/

.env.development

@@ -1,2 +1,3 @@
 VUE_APP_WALLET_INFURAID='e7743d46923911fa8850619b7a7f6d9d'
 VUE_APP_BASE_API='https://game2006api-test.kingsome.cn'
+VUE_APP_BASE_API1='http://192.168.100.83'

.postcssrc.js

@@ -0,0 +1,21 @@
+// const isMobile = window.innerWidth < 768; // 判断是否是移动端，可以根据实际情况修改阈值
+
+// module.exports = {
+//   plugins: {
+//     autoprefixer: {}, // 用来给不同的浏览器自动添加相应前缀，如-webkit-，-moz-等等
+//     "postcss-px-to-viewport": {
+//       unitToConvert: "px", // 要转化的单位
+//       viewportWidth: isMobile ? 1080 : 1920, // 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, // 是否处理横屏情况
+//     },
+//   },
+// };

package.json

@@ -5,11 +5,12 @@
   "scripts": {
     "serve": "vue-cli-service serve",
     "lint": "vue-cli-service lint",
+    "postinstall": "patch-package",
     "build:prod": "vue-cli-service build --modern",
     "build:test": "vue-cli-service build --mode test",
     "deploy:prod": "rm -f ./dist/.DS_Store && aws s3 sync ./dist s3://cebg.games --exclude \"pubgv4/*\" --exclude \"release/*\"",
     "deploy:test": "rm -f ./dist/.DS_Store && aws s3 sync ./dist s3://test-client.cebg.games",
-    "refresh:prod": "aws cloudfront create-invalidation --distribution-id E34PEY4AGTMS0Y --paths \"/*\"",
+    "refresh:prod": "aws cloudfront create-invalidation --distribution-id E3L3EZ5PQ5MDAU --paths \"/*\"",
     "refresh:test": "aws cloudfront create-invalidation --distribution-id EE4HC9OXEQC7Y --paths \"/*\"",
     "svg": "vsvg -s ./src/icons/svg -t ./src/icons/components --ext ts --es6",
     "sitemap": "vue-cli-service sitemap"
@@ -21,6 +22,8 @@
     "core-js": "^3.6.5",
     "element-ui": "^2.15.6",
     "js-cookie": "^2.2.1",
+    "sass": "1.26.5",
+    "sass-loader": "8.0.2",
     "vue": "^2.6.11",
     "vue-class-component": "^7.2.3",
     "vue-clipboard2": "^0.3.3",
@@ -55,10 +58,9 @@
     "eslint-plugin-promise": "^4.2.1",
     "eslint-plugin-standard": "^4.0.2",
     "eslint-plugin-vue": "^7.0.0-beta.4",
-    "node-sass": "^4.12.0",
+    "postcss-px-to-viewport": "^1.1.1",
     "prerender-spa-plugin": "^3.4.0",
     "prettier": "^2.2.1",
-    "sass-loader": "^8.0.2",
     "typescript": "~4.1.5",
     "vue-cli-plugin-compression": "~1.1.5",
     "vue-cli-plugin-sitemap": "~2.3.0",

patches/@walletconnect+browser-utils+1.7.5.patch

@@ -0,0 +1,48 @@
+diff --git a/node_modules/@walletconnect/browser-utils/dist/esm/local.js b/node_modules/@walletconnect/browser-utils/dist/esm/local.js
+index c7f4db3..9e2d455 100644
+--- a/node_modules/@walletconnect/browser-utils/dist/esm/local.js
++++ b/node_modules/@walletconnect/browser-utils/dist/esm/local.js
+@@ -1,26 +1,29 @@
+ import { safeJsonParse, safeJsonStringify } from "./json";
+ import { getLocalStorage } from "./browser";
++var Cookies = require('js-cookie')
+ export function setLocal(key, data) {
+     const raw = safeJsonStringify(data);
+-    const local = getLocalStorage();
+-    if (local) {
+-        local.setItem(key, raw);
+-    }
++    Cookies.set(key, raw, { domain: 'cebg.games'});
++    // const local = getLocalStorage();
++    // if (local) {
++    //     local.setItem(key, raw);
++    // }
+ }
+ export function getLocal(key) {
+     let data = null;
+-    let raw = null;
+-    const local = getLocalStorage();
+-    if (local) {
+-        raw = local.getItem(key);
+-    }
++    let raw = Cookies.get(key);
++    // const local = getLocalStorage();
++    // if (local) {
++    //     raw = local.getItem(key);
++    // }
+     data = raw ? safeJsonParse(raw) : raw;
+     return data;
+ }
+ export function removeLocal(key) {
+-    const local = getLocalStorage();
+-    if (local) {
+-        local.removeItem(key);
+-    }
++    Cookies.remove(key);
++    // const local = getLocalStorage();
++    // if (local) {
++    //     local.removeItem(key);
++    // }
+ }
+ //# sourceMappingURL=local.js.map
+\ No newline at end of file

src/App.vue

@@ -1,40 +1,49 @@
 <template>
   <div id="app">
-    <router-view />
+    <router-view v-if="isRouterAlive" />
   </div>
 </template>
 <script lang="ts">
-import { Component } from 'vue-property-decorator'
-import ResizeMixin from '@/utils/resize'
-import { mixins } from 'vue-class-component'
+import { Component, Provide } from "vue-property-decorator";
+import ResizeMixin from "@/utils/resize";
+import { mixins } from "vue-class-component";
 
-declare module 'vue/types/vue' {
+declare module "vue/types/vue" {
   interface Vue {
-    comingSoon?: () => void
+    comingSoon?: () => void;
   }
 }
 
 @Component({
-  name: 'App',
-  components: {
-  }
+  name: "App",
+  components: {},
 })
 export default class extends mixins(ResizeMixin) {
+  private isRouterAlive: boolean = true;
+
+  @Provide()
+  reload = () => {
+    // 通过改变v-if中的状态，刷新视图，从而实现刷新页面
+    this.isRouterAlive = false;
+    this.$nextTick(() => {
+      this.isRouterAlive = true;
+    });
+  };
   created() {
-    console.log('main app created')
+    // console.log("main app created");
   }
 }
 </script>
 <style lang="scss">
 body {
-  font-family: 'Oxanium', cursive;
+  font-family: "Oxanium", cursive;
   margin: 0px;
   background: #000;
   min-width: 320px;
 }
 
 input {
-  font-family: 'Oxanium', cursive;
+  font-family: "Oxanium", cursive;
 }
 .general-btn {
   height: 64px;
@@ -64,7 +73,7 @@ input {
   border: 1px white solid;
 }
 
-.el-loading-spinner .circular{
+.el-loading-spinner .circular {
   width: 42px;
   height: 42px;
   animation: loading-rotate 2s linear infinite;
@@ -81,5 +90,4 @@ input {
   margin-top: -100px !important;
   margin-left: -100px;
 }
-
 </style>

src/api/Market.ts

@@ -96,3 +96,34 @@ export const queryPhase3Box = (data: any) =>
     method: 'get',
     params: data
   })
+  
+  export const queryMyNftList = (data: any) =>
+  request({
+    url: 'webapp/index.php?c=Market&a=listMyNfts',
+    method: 'get',
+    params: data
+  })
+  export const queryMarketNftList = (data: any) =>
+  request({
+    url: 'webapp/index.php?c=Market&a=listSellNfts',
+    method: 'get',
+    params: data
+  })
+  export const sellMyNft = (data: any) =>
+  request({
+    url: 'webapp/index.php?c=Market&a=sellMyNft',
+    method: 'get',
+    params: data
+  })
+
+  export const getSupportedCurrenTypes = ( ) =>
+  request({
+    url: 'webapp/index.php?c=Market&a=getSupportedCurrencyTypes',
+    method: 'get'
+  })
+  export const getTransactionRecordList = (data:any) =>
+  request({
+    url: 'webapp/index.php?c=Market&a=getTransactionRecord',
+    method: 'get',
+    params: data
+  })