fix
This commit is contained in:
huangjinming
parent
23238dac3b
commit
aeb3e65e01
@ -134,14 +134,6 @@ export default {
|
||||
},
|
||||
methods: {
|
||||
async haldBuy() {
|
||||
const data = {
|
||||
currency: this.piece.s_currency
|
||||
? this.piece.s_currency
|
||||
: this.data.s_currency,
|
||||
price: this.piece.s_price ? this.piece.s_price : this.data.s_price,
|
||||
marketAddress: CONTRACT_ADDRESS[AppModule.chainId].marketAddress,
|
||||
};
|
||||
console.log(data, "beginApproveBuy");
|
||||
try {
|
||||
this.showLoading();
|
||||
const nftres = await this.chainManager.bc.beginApproveBuy(
|
||||
@ -149,7 +141,6 @@ export default {
|
||||
this.piece.s_price ? this.piece.s_price : this.data.s_price,
|
||||
CONTRACT_ADDRESS[AppModule.chainId].marketAddress
|
||||
);
|
||||
console.log(nftres, "beginApproveBuy");
|
||||
if (nftres.status == true) {
|
||||
this.isApprove = true;
|
||||
this.hideLoading();
|
||||
|
||||
@ -89,7 +89,6 @@ export default {
|
||||
justify-content: space-between;
|
||||
margin-left: 12px;
|
||||
margin-right: 12px;
|
||||
// margin-top: 9px;
|
||||
}
|
||||
.srabded {
|
||||
margin-top: 9px;
|
||||
@ -103,10 +102,6 @@ export default {
|
||||
}
|
||||
.sellers {
|
||||
width: 299px;
|
||||
// height: 24px;
|
||||
// text-align: center;
|
||||
// display: flex;
|
||||
// justify-content: center;
|
||||
font-size: 13px;
|
||||
margin-top: 12px;
|
||||
margin-left: 19px;
|
||||
|
||||
@ -2,20 +2,16 @@
|
||||
<div>
|
||||
<div class="def-content" v-if="chipsid == 5">
|
||||
<div class="def-item">
|
||||
<!-- <div>{{ chipArrid[chipsinfo[0].attr_id] }}</div> -->
|
||||
<div>{{ chipArridName(chipsinfo[0].attr_id) }}</div>
|
||||
<div>+{{ chipList * 100 }}%</div>
|
||||
</div>
|
||||
|
||||
<div class="def-item">LUCKY Unlocked at Lv.5</div>
|
||||
</div>
|
||||
<div class="def-content" v-else>
|
||||
<div class="def-item" v-for="(chip, i) in chipList" :key="i">
|
||||
<!-- <div>{{ chipArrid[chip.attr_id] }}</div> -->
|
||||
<div>{{ chipArridName(chip.attr_id) }}</div>
|
||||
<div>+{{ (chip.val * 100).toFixed(2) }}%</div>
|
||||
</div>
|
||||
|
||||
<div class="def-item">LUCKY Unlocked at Lv.5</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -29,21 +25,6 @@ export default {
|
||||
return {
|
||||
cunter: 0,
|
||||
name: "",
|
||||
chipArrid: {
|
||||
39: "Hp Pct",
|
||||
40: "Atk Pct",
|
||||
41: "Def Pct",
|
||||
42: "Critical",
|
||||
43: "Cri Damage",
|
||||
44: "Dodge",
|
||||
45: "Dodge Reduce",
|
||||
46: "Hp Recover Pct",
|
||||
47: "Brain Life Pct",
|
||||
48: "Reload Time Pct",
|
||||
49: "Bullet Speed",
|
||||
50: "Bullet Speed Pct",
|
||||
51: "Cool Down Pct",
|
||||
},
|
||||
};
|
||||
},
|
||||
computed: {
|
||||
|
||||
@ -173,7 +173,6 @@ export default {
|
||||
<style lang="scss" scoped>
|
||||
.container {
|
||||
width: 340px;
|
||||
// height: 1170px;
|
||||
border-radius: 30px;
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -233,7 +233,6 @@ export default {
|
||||
margin-top: 22px;
|
||||
position: relative;
|
||||
line-height: 63px;
|
||||
// text-align: center;
|
||||
background: url("../../assets/market/hero/price.png") no-repeat;
|
||||
background-size: 100% 100%;
|
||||
.priece-number {
|
||||
|
||||
@ -121,9 +121,7 @@ export default {
|
||||
background: url("../../assets/market/hero/type-1.png") no-repeat;
|
||||
background-size: 100% 100%;
|
||||
.hero-name {
|
||||
// width: 46px;
|
||||
height: 24px;
|
||||
// max-width: 86px;
|
||||
line-height: 24px;
|
||||
padding-right: 14px;
|
||||
padding-left: 14px;
|
||||
@ -148,9 +146,7 @@ export default {
|
||||
top: 6px;
|
||||
}
|
||||
.hero-name {
|
||||
// width: 46px;
|
||||
height: 24px;
|
||||
// max-width: 86px;
|
||||
line-height: 24px;
|
||||
padding-right: 14px;
|
||||
padding-left: 14px;
|
||||
|
||||
@ -325,27 +325,11 @@ export default {
|
||||
display: flex;
|
||||
background: url("../../assets/market/chip-rector-bg.png") no-repeat;
|
||||
background-size: 100% 100%;
|
||||
// .bg {
|
||||
// width: 169px;
|
||||
// height: 146px;
|
||||
// background: url("../../assets/market/chip-item-bg.png") no-repeat;
|
||||
// background-size: 100% 100%;
|
||||
// margin-left: 33px;
|
||||
// margin-top: 54px;
|
||||
// display: flex;
|
||||
// justify-content: center;
|
||||
// .hill-icon-img {
|
||||
// margin-top: 13px;
|
||||
// margin-right: 5px;
|
||||
// }
|
||||
// }
|
||||
.reactor-bg {
|
||||
.hill-icon-img {
|
||||
cursor: pointer;
|
||||
margin-left: 35px;
|
||||
margin-top: 38px;
|
||||
// margin-top: 13px;
|
||||
// margin-right: 5px;
|
||||
}
|
||||
}
|
||||
.active-bg {
|
||||
@ -408,7 +392,6 @@ export default {
|
||||
}
|
||||
.chip-right-top {
|
||||
color: #ffffff;
|
||||
// margin-left: 137px;
|
||||
width: 431px;
|
||||
margin: 0 auto;
|
||||
.token-lable {
|
||||
@ -454,7 +437,6 @@ export default {
|
||||
height: 263px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
// justify-content: space-between;
|
||||
background: rgba(5, 57, 68, 0.3);
|
||||
border-radius: 20px;
|
||||
}
|
||||
@ -463,7 +445,6 @@ export default {
|
||||
margin-left: 20px;
|
||||
height: 26px;
|
||||
font-size: 37px;
|
||||
// font-family: "SairaStencilOne";
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
@ -471,7 +452,6 @@ export default {
|
||||
margin-top: 14px;
|
||||
margin-right: 14px;
|
||||
.hill-icon-img {
|
||||
// margin-top: 80px;
|
||||
}
|
||||
}
|
||||
.assult-rifle-content {
|
||||
@ -523,32 +503,6 @@ export default {
|
||||
margin-right: 25px;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
// .buy-price {
|
||||
// position: absolute;
|
||||
// right: 44px;
|
||||
// bottom: -33px;
|
||||
// display: flex;
|
||||
// .price {
|
||||
// width: 201px;
|
||||
// height: 71px;
|
||||
// font-size: 32px;
|
||||
// position: relative;
|
||||
// font-family: "Arciform";
|
||||
// margin-right: 20px;
|
||||
// color: #ffffff;
|
||||
// background: url("../../assets/market/hero/price.png") no-repeat;
|
||||
// background-size: 100% 100%;
|
||||
// .price-number {
|
||||
// position: absolute;
|
||||
// right: 19px;
|
||||
// top: 13px;
|
||||
// font-size: 34px;
|
||||
// // right: 82px;
|
||||
// // bottom: -41px;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
.left-img {
|
||||
width: 802px;
|
||||
img {
|
||||
@ -562,10 +516,8 @@ export default {
|
||||
position: absolute;
|
||||
top: -41px;
|
||||
left: -40px;
|
||||
// opacity: 0;
|
||||
img {
|
||||
width: 100%;
|
||||
// opacity: 0;
|
||||
}
|
||||
}
|
||||
.def-content {
|
||||
|
||||
@ -49,13 +49,11 @@
|
||||
/>
|
||||
</div>
|
||||
<div class="hero-right-token">
|
||||
<!-- <div class="token-name">TOKEN ID</div> -->
|
||||
<div class="token-id">#{{ hero.detail.token_id }}</div>
|
||||
<div class="hill">
|
||||
<div class="hill-content">
|
||||
<div class="hill-name">
|
||||
{{ hero.c_name ? hero.c_name : hero.detail.hero_name }}
|
||||
<!-- <span class="name">Name</span> -->
|
||||
</div>
|
||||
<div>
|
||||
<img
|
||||
@ -350,7 +348,7 @@ export default {
|
||||
orderId: 6,
|
||||
visible: this.dialogVisible,
|
||||
loadingInstance: null,
|
||||
chainManager: new ChainManager()
|
||||
chainManager: new ChainManager(),
|
||||
};
|
||||
},
|
||||
watch: {
|
||||
@ -364,7 +362,6 @@ export default {
|
||||
},
|
||||
open() {
|
||||
this.$emit("on-open");
|
||||
|
||||
},
|
||||
formatPriceShow(price, decimals, fixed = 2) {
|
||||
return formatPrice(price, decimals, fixed);
|
||||
@ -509,7 +506,6 @@ export default {
|
||||
}
|
||||
.hill-name {
|
||||
font-size: 47px;
|
||||
// font-family: "SairaStencilOne";
|
||||
position: relative;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
@ -84,7 +84,6 @@ export default {
|
||||
.title {
|
||||
font-size: 43px;
|
||||
margin-top: 76px;
|
||||
// font-family: Bahnschrift;
|
||||
font-weight: bold;
|
||||
color: #ffffff;
|
||||
}
|
||||
@ -127,7 +126,6 @@ export default {
|
||||
.title {
|
||||
font-size: 43px;
|
||||
margin-top: 76px;
|
||||
// font-family: Bahnschrift;
|
||||
font-weight: bold;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
@ -41,6 +41,14 @@ import { Component, Prop, Vue } from "vue-property-decorator";
|
||||
})
|
||||
export default class NftTypeBar extends Vue {
|
||||
// @Prop() private selectIdx: number;
|
||||
private types = [
|
||||
{ Image: require("../../assets/market/hero.png") },
|
||||
{ Image: require("../../assets/market/weapon.png") },
|
||||
{ Image: require("../../assets/market/chip.png") },
|
||||
{ Image: require("../../assets/market/piece.png") },
|
||||
// { Image: require("../../assets/market/voucher.png") },
|
||||
];
|
||||
|
||||
value = "1|1";
|
||||
private onClickItem(idx: number) {
|
||||
this.$emit("nft-type-changed", idx + 1);
|
||||
|
||||
@ -24,10 +24,6 @@
|
||||
<div>Token id</div>
|
||||
<div>#{{ data.token_id }}</div>
|
||||
</div>
|
||||
<!-- <div class="amount">
|
||||
<div>Amount</div>
|
||||
<div>721</div>
|
||||
</div> -->
|
||||
</div>
|
||||
<div class="count-content">
|
||||
<div class="amount">Amount</div>
|
||||
@ -112,7 +108,6 @@ export default {
|
||||
.sellers {
|
||||
width: 299px;
|
||||
height: 24px;
|
||||
// text-align: center;
|
||||
font-size: 13px;
|
||||
margin-top: 12px;
|
||||
margin-left: 29px;
|
||||
|
||||
@ -249,7 +249,6 @@ export default {
|
||||
}
|
||||
.piece-right-top {
|
||||
color: #ffffff;
|
||||
// margin-left: 137px;
|
||||
width: 343px;
|
||||
.token-lable {
|
||||
text-align: center;
|
||||
@ -294,7 +293,6 @@ export default {
|
||||
height: 140px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
// justify-content: space-between;
|
||||
background: rgba(26, 58, 175, 0.3);
|
||||
border-radius: 20px;
|
||||
}
|
||||
@ -303,7 +301,6 @@ export default {
|
||||
margin-left: 20px;
|
||||
height: 26px;
|
||||
font-size: 37px;
|
||||
// font-family: "SairaStencilOne";
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
@ -398,7 +395,6 @@ export default {
|
||||
background-size: 100% 100%;
|
||||
.price-number {
|
||||
line-height: 71px;
|
||||
// margin-left: 65px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
}
|
||||
@ -408,13 +404,6 @@ export default {
|
||||
.rent {
|
||||
width: 229px;
|
||||
height: 72px;
|
||||
// cursor: pointer;
|
||||
// text-align: center;
|
||||
// font-size: 44px;
|
||||
// line-height: 72px;
|
||||
// color: #ffffff;
|
||||
// background: url("../../assets/market/chip/sell-btn.png") no-repeat;
|
||||
// background-size: 100% 100%;
|
||||
}
|
||||
.sell {
|
||||
width: 229px;
|
||||
@ -429,12 +418,10 @@ export default {
|
||||
}
|
||||
.for-rent-btn {
|
||||
display: flex;
|
||||
// margin-top: 170px;
|
||||
.adjust {
|
||||
width: 229px;
|
||||
height: 72px;
|
||||
cursor: pointer;
|
||||
// margin-left: 14px;
|
||||
background: url("../../assets/market/piece/adjust.png") no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
@ -42,9 +42,6 @@ export default {
|
||||
curent() {
|
||||
return (( this.min / this.max).toFixed(2))*100 ; ;
|
||||
},
|
||||
},
|
||||
created(){
|
||||
// console.log( (( this.min / this.max).toFixed(2))*100 ,'selog');
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
@ -60,7 +60,6 @@
|
||||
<div v-else></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- <div class="left-content"></div> -->
|
||||
<div class="chip-tab-right">
|
||||
<div class="chip-item">
|
||||
<div
|
||||
@ -204,11 +203,9 @@ export default {
|
||||
if (b == null) return 1;
|
||||
return (b.idx || 0) - (a.idx || 0);
|
||||
});
|
||||
// console.log(list);
|
||||
},
|
||||
methods: {
|
||||
closeTip() {
|
||||
// 分发自定义事件(事件名: closeTip)
|
||||
this.$emit("closeTip", false);
|
||||
},
|
||||
showTip() {
|
||||
@ -270,7 +267,6 @@ export default {
|
||||
align-items: center;
|
||||
img {
|
||||
width: 100%;
|
||||
// opacity: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -284,7 +280,6 @@ export default {
|
||||
.chip-left {
|
||||
position: relative;
|
||||
margin-left: 190px;
|
||||
// margin-top: 137px;
|
||||
display: flex;
|
||||
margin-right: 51px;
|
||||
.left-content {
|
||||
|
||||
@ -10,7 +10,7 @@
|
||||
<div>To</div>
|
||||
<div>Date</div>
|
||||
</div>
|
||||
<div class="All">
|
||||
<div class="all">
|
||||
<el-table
|
||||
:data="tableData"
|
||||
style="width: 100%"
|
||||
@ -61,8 +61,7 @@ export default {
|
||||
color: #bacaff;
|
||||
border-radius: 20px;
|
||||
}
|
||||
.All {
|
||||
|
||||
.all {
|
||||
border-bottom-left-radius: 20px;
|
||||
border-bottom-right-radius: 20px;
|
||||
background-color: rgba(80, 110, 190, 1) !important;
|
||||
|
||||
@ -48,10 +48,7 @@ export default {
|
||||
methods: {
|
||||
handNftActive(i) {
|
||||
this.nftid = i;
|
||||
},
|
||||
getRowClass() {
|
||||
return "background: rgba(62, 89, 182, 1);fontSize: 30px;font-weight: 600; color: #BACAFF";
|
||||
},
|
||||
}
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
@ -23,7 +23,7 @@
|
||||
<div>From</div>
|
||||
<div>Date</div>
|
||||
</div>
|
||||
<div class="All">
|
||||
<div class="all">
|
||||
<el-table
|
||||
:data="tableData"
|
||||
style="width: 100%"
|
||||
@ -51,7 +51,7 @@
|
||||
<div>From</div>
|
||||
<div>Date</div>
|
||||
</div>
|
||||
<div class="All">
|
||||
<div class="all">
|
||||
<el-table
|
||||
:data="tableData"
|
||||
style="width: 100%"
|
||||
@ -142,7 +142,7 @@ export default {
|
||||
}
|
||||
// .swap-list {
|
||||
// padding-bottom: 40px;
|
||||
// .All {
|
||||
// .all {
|
||||
// width: 1177px;
|
||||
// // height: 613px;
|
||||
// border-radius: 20px;
|
||||
@ -169,7 +169,7 @@ export default {
|
||||
color: #bacaff;
|
||||
border-radius: 20px;
|
||||
}
|
||||
.All {
|
||||
.all {
|
||||
// width: 1177px;
|
||||
// height: 613px;
|
||||
border-bottom-left-radius: 20px;
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user