diff --git a/.postcssrc.js b/.postcssrc.js index 43d1ea8..ae3cdf5 100644 --- a/.postcssrc.js +++ b/.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 // 是否处理横屏情况 + }, - // } - // }; + } + }; diff --git a/src/components/mobile/main/HeroModal.vue b/src/components/mobile/main/HeroModal.vue index 54c2e09..bd001fa 100644 --- a/src/components/mobile/main/HeroModal.vue +++ b/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; diff --git a/src/components/mobile/main/PieceModal.vue b/src/components/mobile/main/PieceModal.vue index 9d1f894..86c058c 100644 --- a/src/components/mobile/main/PieceModal.vue +++ b/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; diff --git a/src/components/mobile/main/WeaponModal.vue b/src/components/mobile/main/WeaponModal.vue index 58b9db1..9a6d226 100644 --- a/src/components/mobile/main/WeaponModal.vue +++ b/src/components/mobile/main/WeaponModal.vue @@ -59,7 +59,6 @@ /> - = 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; // }); diff --git a/src/views/desktop/Mystery.vue b/src/views/desktop/Mystery.vue index 1c2ddd2..d133233 100644 --- a/src/views/desktop/Mystery.vue +++ b/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 diff --git a/src/views/desktop/NFT.vue b/src/views/desktop/NFT.vue index ffabccd..a1edfa0 100644 --- a/src/views/desktop/NFT.vue +++ b/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() {