diff --git a/.postcssrc.js b/.postcssrc.js index ae3cdf5..43d1ea8 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/market/CardList.vue b/src/components/market/CardList.vue index 3fac41c..1ca75b4 100644 --- a/src/components/market/CardList.vue +++ b/src/components/market/CardList.vue @@ -71,11 +71,13 @@ export default class CardList extends Vue { -webkit-column-gap: 1.875em; column-gap: 1.875em; row-gap: 1.125em; + // column-gap: 2.875em; + // row-gap: 4.125em; } .card-list .grid .item { - height: 23.375rem; - width: 16em; + // height: 23.375rem; + // width: 16em; } .spinner { diff --git a/src/components/market/ChipBuyDialog.vue b/src/components/market/ChipBuyDialog.vue index bd2618d..388e087 100644 --- a/src/components/market/ChipBuyDialog.vue +++ b/src/components/market/ChipBuyDialog.vue @@ -122,12 +122,10 @@ export default { closeTip() { // 分发自定义事件(事件名: closeTip) this.$emit("handBuyHide", false); - // console.log("closeTip"); }, init(data) { this.piece = data; - console.log(data, "dfgdg0900,2020-19"); - console.log(this.piece, "this.piece.detail.balance12qrqwerqwer"); + }, }, }; diff --git a/src/components/market/Dundialog.vue b/src/components/market/Dundialog.vue index 0ac9720..05845cb 100644 --- a/src/components/market/Dundialog.vue +++ b/src/components/market/Dundialog.vue @@ -23,7 +23,7 @@
- Assult RifleName + {{ data.c_name ? data.c_name : data.detail.gun_name }}Name
#{{ hero.detail.token_id }}
-
HILLName
+
{{hero.c_name ? hero.c_name : hero.detail.hero_name}}Name
-
+
-
-
+
+
TOKEN ID
#{{ piece.token_id }}
-
-
+
+
Assult Rifle
@@ -121,9 +121,6 @@ export default { dialogVisible: false, }; }, - created() { - console.log(this.isShow, "sgdfdsgsd"); - }, computed: { time() { if (this.piece.modifytime) { @@ -145,7 +142,6 @@ export default { }, methods: { closeTip() { - // 分发自定义事件(事件名: closeTip) this.$emit("closeTip", false); }, closeMyself(data) { @@ -154,15 +150,11 @@ export default { init(data) { this.dialogVisible = true; this.piece = data; - console.log(data, "dfgdg"); - console.log(this.piece.detail.balance, "this.piece.detail.balance"); }, handPutShow() { this.$emit("handPutShow", this.piece); - console.log("ppwowerw"); }, showTip() { - // 分发自定义事件(事件名: closeTip) this.$emit("showTip"); }, handBuyShow() { @@ -200,16 +192,16 @@ export default { } .container { display: flex; - .chip-left { + .piece-left { margin-left: 88px; margin-top: 137px; margin-right: 51px; } - .chip-right { + .piece-right { width: 343px; margin-top: 14px; } - .chip-right-top { + .piece-right-top { color: #ffffff; // margin-left: 137px; width: 343px; @@ -234,10 +226,10 @@ export default { border-radius: 24px; } } - .chip-right-bottom { + .piece-right-bottom { display: flex; } - .chip-assult { + .piece-assult { } .owner { width: 340px; diff --git a/src/components/market/TheSellDialog.vue b/src/components/market/TheSellDialog.vue index d053f40..13340cc 100644 --- a/src/components/market/TheSellDialog.vue +++ b/src/components/market/TheSellDialog.vue @@ -181,8 +181,8 @@ export default { init(data) { this.dialogVisible = true; this.piece = data; - console.log(data, "dfgdg"); - console.log(this.piece.detail.balance, "this.piece.detail.balance"); + // console.log(data, "dfgdg"); + // console.log(this.piece.detail.balance, "this.piece.detail.balance"); }, handReduce() { if (this.cunout > 0) { diff --git a/src/components/market/WeaponMosaicChip.vue b/src/components/market/WeaponMosaicChip.vue index 4c2b4c8..13d724d 100644 --- a/src/components/market/WeaponMosaicChip.vue +++ b/src/components/market/WeaponMosaicChip.vue @@ -189,7 +189,6 @@ export default { let list = this.data.detail.chips_info.filter((el) => { return el !== " "; }); - console.log(list, "-=-=-ooo"); return list; }, }, @@ -213,13 +212,11 @@ export default { init(data) { this.dialogVisible = true; this.piece = data; - console.log(data, "dfgdg"); }, handChipDetils(i) { this.chipsid = i; }, formatSelect(value) { - console.log(value, "date"); let date = new Date(value * 1000); console.log(date, "date"); let year = date.getUTCFullYear(); diff --git a/src/components/market/nft/HeroNft.vue b/src/components/market/nft/HeroNft.vue index 4b6727a..b5c4cb5 100644 --- a/src/components/market/nft/HeroNft.vue +++ b/src/components/market/nft/HeroNft.vue @@ -300,7 +300,7 @@ export default class HeroNft extends Vue { right: 24px; text-align: center; color: #fff; - bottom: 6px; + bottom: 5px; } .gen { position: absolute; diff --git a/src/components/market/nft/WeaponList.vue b/src/components/market/nft/WeaponList.vue index 005c6f0..37dfd1a 100644 --- a/src/components/market/nft/WeaponList.vue +++ b/src/components/market/nft/WeaponList.vue @@ -3,7 +3,7 @@ -
+