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 2023-01-12 13:42:54 +08:00
parent a08bf0a6a3
commit abc12ea6e0
5 changed files with 73 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -82,8 +82,12 @@
<div class="progress-content"> <div class="progress-content">
<div class="progress"> <div class="progress">
<div class="approve-progress"></div> <div class="approve-progress"></div>
<div class="boder"></div> <div :class="isApprove == true ? 'boder-active' : 'boder'"></div>
<div class="buy-progress"></div> <div
:class="
isApprove == true ? 'buy-progress-active' : 'buy-progress'
"
></div>
</div> </div>
<div class="progress-neme"> <div class="progress-neme">
@ -95,7 +99,7 @@
</div> </div>
<div class="pending"> <div class="pending">
<div class="pending-order" @click="haldBuy"> <div class="pending-order" @click="haldBuy">
{{ isApprove == true ? "CONFIRM" : "PEBDING ORDER" }} CONFIRM
</div> </div>
<div class="confirm">CONFIRM</div> <div class="confirm">CONFIRM</div>
</div> </div>
@ -177,6 +181,7 @@ export default {
if (nftres.status == true) { if (nftres.status == true) {
this.hideLoading(); this.hideLoading();
this.$emit("handMessage", 1); this.$emit("handMessage", 1);
this.closeTip()
} }
console.log(nftres, "beginBuy"); console.log(nftres, "beginBuy");
} catch (err) { } catch (err) {
@ -288,7 +293,8 @@ export default {
.priece-btn { .priece-btn {
width: 148px; width: 148px;
height: 52px; height: 52px;
font-size: 25px; font-size: 21px;
text-align: right;
font-weight: bold; font-weight: bold;
margin-top: 21px; margin-top: 21px;
line-height: 52px; line-height: 52px;
@ -296,7 +302,8 @@ export default {
background: url("../../assets/market/hero/price.png") no-repeat; background: url("../../assets/market/hero/price.png") no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
.priece-number { .priece-number {
margin-left: 46px; // margin-left: 46px;
margin-right: 10px;
} }
} }
} }
@ -385,6 +392,18 @@ export default {
border: 2px solid #557cda; border: 2px solid #557cda;
border-radius: 50%; border-radius: 50%;
} }
.boder-active {
width: 250px;
height: 2px;
background: rgba(43, 204, 237, 1);
border-radius: 1px;
}.buy-progress-active {
width: 17px;
height: 17px;
background: rgba(43, 204, 237, 1);
border: 2px solid #557cda;
border-radius: 50%;
}
} }
.progress-neme { .progress-neme {
display: flex; display: flex;

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

@ -449,8 +449,9 @@ export default {
.price { .price {
width: 187px; width: 187px;
height: 66px; height: 66px;
font-size: 32px; font-size: 27px;
position: relative; position: relative;
text-align: right;
font-family: "Arciform"; font-family: "Arciform";
margin-right: 20px; margin-right: 20px;
color: #ffffff; color: #ffffff;
@ -458,7 +459,8 @@ export default {
background-size: contain; background-size: contain;
.price-number { .price-number {
line-height: 66px; line-height: 66px;
margin-left: 60px; margin-right: 10px;
// margin-left: 60px;
} }
} }
.mynft { .mynft {

26
src/components/market/HeroBuyDialog.vue
View File

@ -25,8 +25,12 @@
<div class="progress-content"> <div class="progress-content">
<div class="progress"> <div class="progress">
<div class="approve-progress"></div> <div class="approve-progress"></div>
<div class="boder"></div> <div :class="isApprove == true ? 'boder-active' : 'boder'"></div>
<div class="buy-progress"></div> <div
:class="
isApprove == true ? 'buy-progress-active' : 'buy-progress'
"
></div>
</div> </div>
<div class="progress-neme"> <div class="progress-neme">
@ -37,9 +41,7 @@
</div> </div>
</div> </div>
<div class="pending"> <div class="pending">
<div class="pending-order" @click="haldBuy"> <div class="pending-order" @click="haldBuy">CONFIRM</div>
{{ isApprove == true ? "CONFIRM" : "PEBDING ORDER" }}
</div>
<div class="confirm">CONFIRM</div> <div class="confirm">CONFIRM</div>
</div> </div>
</div> </div>
@ -117,6 +119,7 @@ export default {
if (nftres.status == true) { if (nftres.status == true) {
this.hideLoading(); this.hideLoading();
this.$emit("handMessage", 1); this.$emit("handMessage", 1);
this.closeTip();
} }
} catch (err) { } catch (err) {
this.hideLoading(); this.hideLoading();
@ -322,6 +325,19 @@ export default {
background: #cfdcff; background: #cfdcff;
border-radius: 1px; border-radius: 1px;
} }
.boder-active {
width: 250px;
height: 2px;
background: rgba(43, 204, 237, 1);
border-radius: 1px;
}
.buy-progress-active {
width: 17px;
height: 17px;
background: rgba(43, 204, 237, 1);
border: 2px solid #557cda;
border-radius: 50%;
}
.buy-progress { .buy-progress {
width: 17px; width: 17px;
height: 17px; height: 17px;

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

@ -388,8 +388,9 @@ export default {
.price { .price {
width: 201px; width: 201px;
height: 71px; height: 71px;
font-size: 32px; font-size: 28px;
position: relative; position: relative;
text-align: right;
font-family: "Arciform"; font-family: "Arciform";
margin-right: 20px; margin-right: 20px;
color: #ffffff; color: #ffffff;
@ -397,7 +398,8 @@ export default {
background-size: 100% 100%; background-size: 100% 100%;
.price-number { .price-number {
line-height: 71px; line-height: 71px;
margin-left: 65px; // margin-left: 65px;
margin-right: 10px;
} }
} }
.mynft { .mynft {

23
src/components/market/WeaponBuyDialog.vue
View File

@ -56,8 +56,12 @@
<div class="progress-content"> <div class="progress-content">
<div class="progress"> <div class="progress">
<div class="approve-progress"></div> <div class="approve-progress"></div>
<div class="boder"></div> <div :class="isApprove == true ? 'boder-active' : 'boder'"></div>
<div class="buy-progress"></div> <div
:class="
isApprove == true ? 'buy-progress-active' : 'buy-progress'
"
></div>
</div> </div>
<div class="progress-neme"> <div class="progress-neme">
@ -69,7 +73,7 @@
</div> </div>
<div class="pending"> <div class="pending">
<div class="pending-order" @click="haldBuy"> <div class="pending-order" @click="haldBuy">
{{ isApprove == true ? "CONFIRM" : "PEBDING ORDER" }} CONFIRM
</div> </div>
<div class="confirm">CONFIRM</div> <div class="confirm">CONFIRM</div>
</div> </div>
@ -147,6 +151,7 @@ export default {
if (nftres.status == true) { if (nftres.status == true) {
this.hideLoading(); this.hideLoading();
this.$emit("handMessage", 1); this.$emit("handMessage", 1);
this.closeTip()
} }
} catch (err) { } catch (err) {
this.hideLoading(); this.hideLoading();
@ -379,6 +384,18 @@ export default {
border: 2px solid #557cda; border: 2px solid #557cda;
border-radius: 50%; border-radius: 50%;
} }
.boder-active {
width: 250px;
height: 2px;
background: rgba(43, 204, 237, 1);
border-radius: 1px;
}.buy-progress-active {
width: 17px;
height: 17px;
background: rgba(43, 204, 237, 1);
border: 2px solid #557cda;
border-radius: 50%;
}
} }
.progress-neme { .progress-neme {
display: flex; display: flex;