crypto/bemarket
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix

Browse Source
This commit is contained in:
huangjinming 2022-12-27 16:52:23 +08:00
parent 8a8cae33de
commit 30d7e42eae
12 changed files with 54 additions and 76 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
.postcssrc.js
View File

@ -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 // 是否处理横屏情况
}, // },
} // }
}; // };

6
src/components/market/CardList.vue
View File

@ -71,11 +71,13 @@ export default class CardList extends Vue {
-webkit-column-gap: 1.875em; -webkit-column-gap: 1.875em;
column-gap: 1.875em; column-gap: 1.875em;
row-gap: 1.125em; row-gap: 1.125em;
// column-gap: 2.875em;
// row-gap: 4.125em;
} }
.card-list .grid .item { .card-list .grid .item {
height: 23.375rem; // height: 23.375rem;
width: 16em; // width: 16em;
} }
.spinner { .spinner {

4
src/components/market/ChipBuyDialog.vue
View File

@ -122,12 +122,10 @@ export default {
closeTip() { closeTip() {
// 分发自定义事件(事件名: closeTip) // 分发自定义事件(事件名: closeTip)
this.$emit("handBuyHide", false); this.$emit("handBuyHide", false);
// console.log("closeTip");
}, },
init(data) { init(data) {
this.piece = data; this.piece = data;
console.log(data, "dfgdg0900,2020-19");
console.log(this.piece, "this.piece.detail.balance12qrqwerqwer");
}, },
}, },
}; };

16
src/components/market/Dundialog.vue
View File

@ -23,7 +23,7 @@
<div class="hill"> <div class="hill">
<div class="hill-content"> <div class="hill-content">
<div class="hill-name"> <div class="hill-name">
Assult Rifle<span class="name">Name</span> {{ data.c_name ? data.c_name : data.detail.gun_name }}<span class="name">Name</span>
</div> </div>
<div> <div>
<img <img
@ -469,7 +469,7 @@ export default {
width: 409px; width: 409px;
height: 466px; height: 466px;
background: rgba(5, 57, 68, 0.3); background: rgba(5, 57, 68, 0.3);
padding-top: 29px; padding-top: 25px;
padding-left: 35px; padding-left: 35px;
padding-right: 31px; padding-right: 31px;
border-radius: 20px; border-radius: 20px;
@ -515,25 +515,25 @@ export default {
margin-bottom: 13px; margin-bottom: 13px;
} }
.hero-item-attack { .hero-item-attack {
margin-bottom: 18px; margin-bottom: 13px;
} }
.hero-item-def { .hero-item-def {
margin-bottom: 17px; margin-bottom: 13px;
} }
.hero-item-cri { .hero-item-cri {
margin-bottom: 13px; margin-bottom: 13px;
} }
.hero-item-criDam { .hero-item-criDam {
margin-bottom: 18px; margin-bottom: 13px;
} }
.hero-item-dodge { .hero-item-dodge {
margin-bottom: 18px; margin-bottom: 13px;
} }
.hero-item-reduces { .hero-item-reduces {
margin-bottom: 18px; margin-bottom: 13px;
} }
.hero-item-speed { .hero-item-speed {
margin-bottom: 10px; margin-bottom: 13px;
} }
.hp-bottom { .hp-bottom {
width: 435px; width: 435px;

1
src/components/market/FilterLeft.vue
View File

@ -103,7 +103,6 @@ export default {
this.$emit("sliderChange", value); this.$emit("sliderChange", value);
}, },
handSelect(value) { handSelect(value) {
console.log(value, "2");
this.$emit("handSelect", value); this.$emit("handSelect", value);
}, },
jobStatus(item) { jobStatus(item) {

8
src/components/market/HeroSellTop.vue
View File

@ -90,10 +90,6 @@ export default {
} }
.sellers { .sellers {
width: 299px; width: 299px;
// height: 24px;
// text-align: center;
// display: flex;
// justify-content: center;
font-size: 13px; font-size: 13px;
margin-top: 12px; margin-top: 12px;
margin-left: 19px; margin-left: 19px;
@ -133,9 +129,7 @@ export default {
background: url("../../assets/market/hero/type-1.png") no-repeat; background: url("../../assets/market/hero/type-1.png") no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
.hero-name { .hero-name {
// width: 46px;
height: 24px; height: 24px;
// max-width: 86px;
line-height: 24px; line-height: 24px;
padding-right: 14px; padding-right: 14px;
padding-left: 14px; padding-left: 14px;
@ -160,9 +154,7 @@ export default {
top: 6px; top: 6px;
} }
.hero-name { .hero-name {
// width: 46px;
height: 24px; height: 24px;
// max-width: 86px;
line-height: 24px; line-height: 24px;
padding-right: 14px; padding-right: 14px;
padding-left: 14px; padding-left: 14px;

6
src/components/market/Herodialog.vue
View File

@ -53,7 +53,7 @@
<div class="token-id">#{{ hero.detail.token_id }}</div> <div class="token-id">#{{ hero.detail.token_id }}</div>
<div class="hill"> <div class="hill">
<div class="hill-content"> <div class="hill-content">
<div class="hill-name">HILL<span class="name">Name</span></div> <div class="hill-name">{{hero.c_name ? hero.c_name : hero.detail.hero_name}}<span class="name">Name</span></div>
<div> <div>
<img <img
width="34px" width="34px"
@ -467,7 +467,7 @@ export default {
} }
.hill-name { .hill-name {
font-size: 47px; font-size: 47px;
font-family: "SairaStencilOne"; // font-family: "SairaStencilOne";
// font-weight: 400; // font-weight: 400;
position: relative; position: relative;
color: #ffffff; color: #ffffff;
@ -667,6 +667,7 @@ export default {
.hero-tab { .hero-tab {
width: 306px; width: 306px;
height: 80px; height: 80px;
cursor: pointer;
// font-size: 46px; // font-size: 46px;
font-size: 63px; font-size: 63px;
font-family: "SairaStencilOne"; font-family: "SairaStencilOne";
@ -684,6 +685,7 @@ export default {
font-size: 46px; font-size: 46px;
line-height: 70px; line-height: 70px;
margin-right: 10px; margin-right: 10px;
cursor: pointer;
text-align: center; text-align: center;
font-family: "SairaStencilOne"; font-family: "SairaStencilOne";
font-weight: 400; font-weight: 400;

28
src/components/market/Piecedialog.vue
View File

@ -2,7 +2,7 @@
<el-dialog :show-close="false" :visible.sync="isShow"> <el-dialog :show-close="false" :visible.sync="isShow">
<div class="bg"></div> <div class="bg"></div>
<div class="container"> <div class="container">
<div class="chip-left"> <div class="piece-left">
<img <img
v-if="piece.c_id" v-if="piece.c_id"
width="214px" width="214px"
@ -22,13 +22,13 @@
alt="" alt=""
/> />
</div> </div>
<div class="chip-right"> <div class="piece-right">
<div class="chip-right-top"> <div class="piece-right-top">
<div class="token-lable">TOKEN ID</div> <div class="token-lable">TOKEN ID</div>
<div class="token-id">#{{ piece.token_id }}</div> <div class="token-id">#{{ piece.token_id }}</div>
</div> </div>
<div class="chip-right-bottom"> <div class="piece-right-bottom">
<div class="chip-assult"> <div class="piece-assult">
<div class="assult-rifle"> <div class="assult-rifle">
<div class="assult-rifle-content"> <div class="assult-rifle-content">
<div class="assult-rifle-name">Assult Rifle</div> <div class="assult-rifle-name">Assult Rifle</div>
@ -121,9 +121,6 @@ export default {
dialogVisible: false, dialogVisible: false,
}; };
}, },
created() {
console.log(this.isShow, "sgdfdsgsd");
},
computed: { computed: {
time() { time() {
if (this.piece.modifytime) { if (this.piece.modifytime) {
@ -145,7 +142,6 @@ export default {
}, },
methods: { methods: {
closeTip() { closeTip() {
// 分发自定义事件(事件名: closeTip)
this.$emit("closeTip", false); this.$emit("closeTip", false);
}, },
closeMyself(data) { closeMyself(data) {
@ -154,15 +150,11 @@ export default {
init(data) { init(data) {
this.dialogVisible = true; this.dialogVisible = true;
this.piece = data; this.piece = data;
console.log(data, "dfgdg");
console.log(this.piece.detail.balance, "this.piece.detail.balance");
}, },
handPutShow() { handPutShow() {
this.$emit("handPutShow", this.piece); this.$emit("handPutShow", this.piece);
console.log("ppwowerw");
}, },
showTip() { showTip() {
// 分发自定义事件(事件名: closeTip)
this.$emit("showTip"); this.$emit("showTip");
}, },
handBuyShow() { handBuyShow() {
@ -200,16 +192,16 @@ export default {
} }
.container { .container {
display: flex; display: flex;
.chip-left { .piece-left {
margin-left: 88px; margin-left: 88px;
margin-top: 137px; margin-top: 137px;
margin-right: 51px; margin-right: 51px;
} }
.chip-right { .piece-right {
width: 343px; width: 343px;
margin-top: 14px; margin-top: 14px;
} }
.chip-right-top { .piece-right-top {
color: #ffffff; color: #ffffff;
// margin-left: 137px; // margin-left: 137px;
width: 343px; width: 343px;
@ -234,10 +226,10 @@ export default {
border-radius: 24px; border-radius: 24px;
} }
} }
.chip-right-bottom { .piece-right-bottom {
display: flex; display: flex;
} }
.chip-assult { .piece-assult {
} }
.owner { .owner {
width: 340px; width: 340px;

4
src/components/market/TheSellDialog.vue
View File

@ -181,8 +181,8 @@ export default {
init(data) { init(data) {
this.dialogVisible = true; this.dialogVisible = true;
this.piece = data; this.piece = data;
console.log(data, "dfgdg"); // console.log(data, "dfgdg");
console.log(this.piece.detail.balance, "this.piece.detail.balance"); // console.log(this.piece.detail.balance, "this.piece.detail.balance");
}, },
handReduce() { handReduce() {
if (this.cunout > 0) { if (this.cunout > 0) {

3
src/components/market/WeaponMosaicChip.vue
View File

@ -189,7 +189,6 @@ export default {
let list = this.data.detail.chips_info.filter((el) => { let list = this.data.detail.chips_info.filter((el) => {
return el !== " "; return el !== " ";
}); });
console.log(list, "-=-=-ooo");
return list; return list;
}, },
}, },
@ -213,13 +212,11 @@ export default {
init(data) { init(data) {
this.dialogVisible = true; this.dialogVisible = true;
this.piece = data; this.piece = data;
console.log(data, "dfgdg");
}, },
handChipDetils(i) { handChipDetils(i) {
this.chipsid = i; this.chipsid = i;
}, },
formatSelect(value) { formatSelect(value) {
console.log(value, "date");
let date = new Date(value * 1000); let date = new Date(value * 1000);
console.log(date, "date"); console.log(date, "date");
let year = date.getUTCFullYear(); let year = date.getUTCFullYear();

2
src/components/market/nft/HeroNft.vue
View File

@ -300,7 +300,7 @@ export default class HeroNft extends Vue {
right: 24px; right: 24px;
text-align: center; text-align: center;
color: #fff; color: #fff;
bottom: 6px; bottom: 5px;
} }
.gen { .gen {
position: absolute; position: absolute;

14
src/components/market/nft/WeaponList.vue
View File

@ -3,7 +3,7 @@
<!-- <div class="no-sale"> <!-- <div class="no-sale">
<img width="205px" src="../../../assets/market/hero/no-sale.png" alt="" /> <img width="205px" src="../../../assets/market/hero/no-sale.png" alt="" />
</div> --> </div> -->
<div @click="ChipDialog"> <div @click="chipDialog">
<div class="gun-bg"> <div class="gun-bg">
<img <img
v-if="weapon.item_id" v-if="weapon.item_id"
@ -63,8 +63,8 @@
</div> </div>
<Dundialog <Dundialog
:dialogVisible="dialogVisible" :dialogVisible="dialogVisible"
@on-close="ChipDialoghide" @on-close="chipDialogHide"
@on-click="ChipDialog" @on-click="chipDialog"
:isTab="isTab" :isTab="isTab"
:isType="isType" :isType="isType"
@closeTip="closeTip" @closeTip="closeTip"
@ -162,13 +162,11 @@ export default {
}, },
}, },
methods: { methods: {
ChipDialoghide() { chipDialogHide() {
this.dialogVisible = false; this.dialogVisible = false;
console.log("ChipDialoghide");
}, },
ChipDialog() { chipDialog() {
this.dialogVisible = true; this.dialogVisible = true;
console.log("ChipDialog");
}, },
closeTip(hide) { closeTip(hide) {
this.isTab = hide; this.isTab = hide;
@ -178,14 +176,12 @@ export default {
}, },
handPutShow() { handPutShow() {
this.isPiecePut = true; this.isPiecePut = true;
console.log("");
}, },
handPutHide() { handPutHide() {
this.isPiecePut = false; this.isPiecePut = false;
}, },
handBuyShow() { handBuyShow() {
this.isBuy = true; this.isBuy = true;
console.log("99999999999999999");
}, },
handBuyHide() { handBuyHide() {
this.isBuy = false; this.isBuy = false;