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 11:57:09 +08:00
parent 7533f7e1ec
commit a08bf0a6a3
13 changed files with 69 additions and 53 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -29,7 +29,7 @@
<div class="piece-right">
<div class="userinfo">
<div class="srabded">
<div>Srabded</div>
<div>Standard</div>
<div>ERC721</div>
</div>
<div class="token-id">
@ -38,7 +38,7 @@
</div>
<div class="amount">
<div>Amount</div>
<div>721</div>
<div>1</div>
</div>
</div>
<div class="sellers">
@ -54,7 +54,7 @@
/>
</div>
<div class="service-usdt">
<span class="usdt-number"> 10.8</span> USDT
<span class="usdt-number"> 0</span> USDT
</div>
</div>
</div>

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

@ -108,7 +108,8 @@ export default {
background-size: 100% 100%;
.priece-number {
position: absolute;
left: 55px;
// left: 55px;
right: 7px;
top: 2px;
}
}

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

@ -31,7 +31,7 @@
<div class="piece-right">
<div class="userinfo">
<div class="srabded">
<div>Srabded</div>
<div>Standard</div>
<div>ERC721</div>
</div>
<div class="token-id">
@ -40,7 +40,7 @@
</div>
<div class="amount">
<div>Amount</div>
<div>721</div>
<div>1</div>
</div>
</div>
<div class="sellers">
@ -56,7 +56,7 @@
/>
</div>
<div class="service-usdt">
<span class="usdt-number"> 10.8</span> USDT
<span class="usdt-number"> 0</span> USDT
</div>
</div>
</div>

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

@ -636,16 +636,19 @@ export default {
.price {
width: 281px;
height: 89px;
font-size: 39px;
font-size: 42px;
text-align: right;
position: relative;
font-family: "Arciform";
font-weight: 400;
margin-right: 30px;
color: #ffffff;
background: url("../../assets/market/hero/price.png") no-repeat;
background-size: contain;
background-size: 100% 100%;
.price-number {
line-height: 89px;
margin-left: 78px;
margin-right:10px;
}
}
.mynft {

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

@ -17,7 +17,7 @@
<div class="piece-right">
<div class="userinfo">
<div class="srabded">
<div>Srabded</div>
<div>Standard</div>
<div>ERC721</div>
</div>
<div class="token-id">
@ -51,7 +51,7 @@
/>
</div>
<div class="service-usdt">
<span class="usdt-number"> 10.8</span> USDT
<span class="usdt-number"> 0</span> USDT
</div>
</div>
</div>

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

@ -24,7 +24,7 @@
</div>
<div class="piece-right">
<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>
<div class="piece-right-bottom">
@ -264,6 +264,7 @@ export default {
color: #ffffff;
width: 335px;
height: 41px;
margin-top: 20px;
line-height: 49px;
text-align: center;
margin-bottom: 26px;

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

@ -47,7 +47,7 @@
<div class="piece-bottom-center">
<div class="minimum">
<div>The minimum price setting is</div>
<div>1.01 &nbsp;&nbsp;&nbsp;USDT</div>
<div>0.01 &nbsp;&nbsp;&nbsp;USDT</div>
</div>
<div class="minimum">
<div>The maximum price setting is</div>

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

@ -281,13 +281,16 @@ export default {
height: 52px;
font-size: 21px;
font-weight: bold;
text-align: right;
margin-top: 21px;
line-height: 52px;
margin-right: 10px;
// text-align: center;
background: url("../../assets/market/hero/price.png") no-repeat;
background-size: 100% 100%;
.priece-number {
margin-left: 46px;
margin-right: 10px;
}
}
}

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

@ -24,7 +24,7 @@
<div class="piece-weapon-right">
<div class="weapon-userinfo">
<div class="srabded">
<div>Srabded</div>
<div>Standard</div>
<div>ERC721</div>
</div>
<div class="token-id">
@ -33,7 +33,7 @@
</div>
<div class="amount">
<div>Amount</div>
<div>721</div>
<div>1</div>
</div>
</div>
</div>
@ -51,7 +51,7 @@
/>
</div>
<div class="weapon-service-usdt">
<span class="weapon-usdt-number"> 10.8</span> USDT
<span class="weapon-usdt-number"> 0</span> USDT
</div>
</div>
</div>

21
src/components/market/nft/Chip.vue
View File

@ -38,10 +38,9 @@
alt=""
/>
</div>
<div class="price">
{{ formatPriceShow(chip.s_price ? chip.s_price : " ", 18) }}
</div>
</div>
<div class="price">
{{ formatPriceShow(chip.s_price ? chip.s_price : " ", 18) }}
</div>
<div class="buy">
<img width="78px" src="../../../assets/market/chip/buy.png" alt="" />
@ -143,7 +142,7 @@ export default {
display: flex;
align-items: center;
justify-content: space-between;
margin-right: 32px;
// margin-right: 32px;
}
.level-number {
font-size: 29px;
@ -158,11 +157,13 @@ export default {
color: #454545;
}
.price {
font-size: 25px;
font-family: "Arciform";
font-weight: 400;
margin-left: 7px;
color: #454545;
font-size: 21px;
font-family: "Arciform";
font-weight: 400;
/* margin-left: 7px; */
width: 104px;
color: #454545;
text-align: right;
}
.price-left {
display: flex;

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

@ -68,9 +68,10 @@
</div>
<div class="lease-listing" v-if="isType == 'mynft'">
<div class="rent" v-if="data.o_link" > {{ formatPriceShow(data.s_price ? data.s_price : " ", 18) }}</div>
<div class="rent" v-else>
</div>
<div class="rent" v-if="data.o_link">
{{ formatPriceShow(data.s_price ? data.s_price : " ", 18) }}
</div>
<div class="rent" v-else></div>
<div class="sell">Sell</div>
</div>
<div class="sale" v-else>
@ -123,7 +124,7 @@
:type="type"
:isBuy="isBuy"
:data="data"
@handMessage="handMessage"
@handMessage="handMessage"
@handBuyShow="handBuyShow"
@handBuyHide="handBuyHide"
></HeroBuyDialog>
@ -177,7 +178,7 @@ export default class HeroNft extends Vue {
this.isTab = hide;
}
@Watch("data.detail.quality")
haldQuality(neWvalue: any,oldValue:any) {
haldQuality(neWvalue: any, oldValue: any) {
this.quality = neWvalue;
}
created() {
@ -240,12 +241,12 @@ export default class HeroNft extends Vue {
formatPriceShow(price: number | string, decimals?: number, fixed = 2) {
return formatPrice(price, decimals, fixed);
}
handMessage(number:any) {
handMessage(number: any) {
console.log("msg");
let msg :any= this.$refs.message
let msg: any = this.$refs.message;
this.$nextTick(() => {
msg.open(number);
console.log('msg2023');
console.log("msg2023");
});
}
}
@ -364,10 +365,13 @@ export default class HeroNft extends Vue {
padding-left: 20px;
padding-right: 20px;
.price {
font-size: 22px;
font-family: 'Arciform';
font-size: 20px;
font-family: "Arciform";
font-weight: 400;
color: #454545;
width: 98px;
display: flex;
justify-content: flex-end;
}
}
.lease-listing {

20
src/components/market/nft/PieceNft.vue
View File

@ -54,10 +54,9 @@
alt=""
/>
</div>
<div class="price">
{{ formatPriceShow(piece.s_price ? piece.s_price : " ", 18) }}
</div>
</div>
<div class="price">
{{ formatPriceShow(piece.s_price ? piece.s_price : " ", 18) }}
</div>
<div class="buy">
<img
@ -97,7 +96,7 @@
:type="type"
ref="buydialog"
:isBuy="isBuy"
v-if="isType !== 'mynft'"
v-if="isType !== 'mynft'"
@handMessage="handMessage"
@handBuyShow="handBuyShow"
@handBuyHide="handBuyHide"
@ -213,7 +212,7 @@ export default {
display: flex;
align-items: center;
justify-content: space-between;
margin-right: 32px;
// margin-right: 32px;
}
.level-number {
font-size: 29px;
@ -230,10 +229,13 @@ export default {
color: #454545;
}
.price {
font-size: 26px;
font-size: 21px;
width: 104px;
justify-content: flex-end;
display: flex;
font-family: "Arciform";
font-weight: 400;
margin-left: 7px;
/* margin-left: 7px; */
color: #454545;
}
.price-left {
@ -241,7 +243,7 @@ export default {
}
.buy {
cursor: pointer;
margin-left: 13px;
// margin-left: 13px;
}
.level-content {

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

@ -53,10 +53,9 @@
alt=""
/>
</div>
<div class="price">
{{ formatPriceShow(weapon.s_price ? weapon.s_price : " ", 18) }}
</div>
</div>
<div class="price">
{{ formatPriceShow(weapon.s_price ? weapon.s_price : " ", 18) }}
</div>
<div class="buy">
<img
@ -83,7 +82,7 @@
@handBuyHide="handBuyHide"
@handPutShow="handPutShow"
@handPutHide="handPutHide"
@handMessage="handMessage"
@handMessage="handMessage"
></DunDialog>
<TheSellDialog
:type="type"
@ -109,7 +108,7 @@
<script>
import DunDialog from "../DunDialog";
import MessageBox from '../MessageBox.vue'
import MessageBox from "../MessageBox.vue";
import TheSellDialog from "../TheSellDialog.vue";
import TheBuyDialog from "../WeaponBuyDialog.vue";
import { formatPrice } from "@/utils/chain.util";
@ -256,7 +255,7 @@ export default {
display: flex;
align-items: center;
justify-content: space-between;
margin-right: 32px;
margin-right: 11px;
}
.level-number {
font-size: 29px;
@ -276,7 +275,9 @@ export default {
font-size: 25px;
font-family: "Arciform";
font-weight: 400;
margin-left: 7px;
/* margin-left: 7px; */
width: 125px;
text-align: right;
color: #454545;
}
.price-left {