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

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

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

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

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

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

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

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

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