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

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

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

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

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

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

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

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

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

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

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

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

@ -47,7 +47,7 @@
<div class="piece-bottom-center"> <div class="piece-bottom-center">
<div class="minimum"> <div class="minimum">
<div>The minimum price setting is</div> <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>
<div class="minimum"> <div class="minimum">
<div>The maximum price setting is</div> <div>The maximum price setting is</div>

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

@ -281,13 +281,16 @@ export default {
height: 52px; height: 52px;
font-size: 21px; font-size: 21px;
font-weight: bold; font-weight: bold;
text-align: right;
margin-top: 21px; margin-top: 21px;
line-height: 52px; line-height: 52px;
margin-right: 10px;
// text-align: center; // text-align: center;
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;
} }
} }
} }

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

@ -24,7 +24,7 @@
<div class="piece-weapon-right"> <div class="piece-weapon-right">
<div class="weapon-userinfo"> <div class="weapon-userinfo">
<div class="srabded"> <div class="srabded">
<div>Srabded</div> <div>Standard</div>
<div>ERC721</div> <div>ERC721</div>
</div> </div>
<div class="token-id"> <div class="token-id">
@ -33,7 +33,7 @@
</div> </div>
<div class="amount"> <div class="amount">
<div>Amount</div> <div>Amount</div>
<div>721</div> <div>1</div>
</div> </div>
</div> </div>
</div> </div>
@ -51,7 +51,7 @@
/> />
</div> </div>
<div class="weapon-service-usdt"> <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> </div>
</div> </div>

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

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

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

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

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

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

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

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