From a08bf0a6a3b7f9ca33f794eeb5957108c2bed8b9 Mon Sep 17 00:00:00 2001 From: huangjinming Date: Thu, 12 Jan 2023 11:57:09 +0800 Subject: [PATCH] fix --- src/components/market/ChipSellTop.vue | 6 +++--- src/components/market/HeroBuyTop.vue | 3 ++- src/components/market/HeroSellTop.vue | 6 +++--- src/components/market/Herodialog.vue | 7 +++++-- src/components/market/PieceSellTop.vue | 4 ++-- src/components/market/Piecedialog.vue | 3 ++- src/components/market/TheSellDialog.vue | 2 +- src/components/market/WeaponBuyDialog.vue | 3 +++ src/components/market/WeaponSellTop.vue | 6 +++--- src/components/market/nft/Chip.vue | 21 ++++++++++---------- src/components/market/nft/HeroNft.vue | 24 +++++++++++++---------- src/components/market/nft/PieceNft.vue | 20 ++++++++++--------- src/components/market/nft/WeaponList.vue | 17 ++++++++-------- 13 files changed, 69 insertions(+), 53 deletions(-) diff --git a/src/components/market/ChipSellTop.vue b/src/components/market/ChipSellTop.vue index 68026f8..1feefd2 100644 --- a/src/components/market/ChipSellTop.vue +++ b/src/components/market/ChipSellTop.vue @@ -29,7 +29,7 @@
-
Srabded
+
Standard
ERC721
@@ -38,7 +38,7 @@
Amount
-
721
+
1
@@ -54,7 +54,7 @@ />
- 10.8 USDT + 0 USDT
diff --git a/src/components/market/HeroBuyTop.vue b/src/components/market/HeroBuyTop.vue index 53c7db6..134a94b 100644 --- a/src/components/market/HeroBuyTop.vue +++ b/src/components/market/HeroBuyTop.vue @@ -108,7 +108,8 @@ export default { background-size: 100% 100%; .priece-number { position: absolute; - left: 55px; + // left: 55px; + right: 7px; top: 2px; } } diff --git a/src/components/market/HeroSellTop.vue b/src/components/market/HeroSellTop.vue index f06d360..7b16406 100644 --- a/src/components/market/HeroSellTop.vue +++ b/src/components/market/HeroSellTop.vue @@ -31,7 +31,7 @@
-
Srabded
+
Standard
ERC721
@@ -40,7 +40,7 @@
Amount
-
721
+
1
@@ -56,7 +56,7 @@ />
- 10.8 USDT + 0 USDT
diff --git a/src/components/market/Herodialog.vue b/src/components/market/Herodialog.vue index d133fc8..5ca2e3a 100644 --- a/src/components/market/Herodialog.vue +++ b/src/components/market/Herodialog.vue @@ -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 { diff --git a/src/components/market/PieceSellTop.vue b/src/components/market/PieceSellTop.vue index 6ff417c..2567d69 100644 --- a/src/components/market/PieceSellTop.vue +++ b/src/components/market/PieceSellTop.vue @@ -17,7 +17,7 @@
-
Srabded
+
Standard
ERC721
@@ -51,7 +51,7 @@ />
- 10.8 USDT + 0 USDT
diff --git a/src/components/market/Piecedialog.vue b/src/components/market/Piecedialog.vue index a6e3ef0..55f3cb1 100644 --- a/src/components/market/Piecedialog.vue +++ b/src/components/market/Piecedialog.vue @@ -24,7 +24,7 @@
-
TOKEN ID
+
#{{ piece.token_id }}
@@ -264,6 +264,7 @@ export default { color: #ffffff; width: 335px; height: 41px; + margin-top: 20px; line-height: 49px; text-align: center; margin-bottom: 26px; diff --git a/src/components/market/TheSellDialog.vue b/src/components/market/TheSellDialog.vue index 704ecd4..72bb613 100644 --- a/src/components/market/TheSellDialog.vue +++ b/src/components/market/TheSellDialog.vue @@ -47,7 +47,7 @@
The minimum price setting is
-
1.01    USDT
+
0.01    USDT
The maximum price setting is
diff --git a/src/components/market/WeaponBuyDialog.vue b/src/components/market/WeaponBuyDialog.vue index 748d3f6..1f94cf3 100644 --- a/src/components/market/WeaponBuyDialog.vue +++ b/src/components/market/WeaponBuyDialog.vue @@ -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; } } } diff --git a/src/components/market/WeaponSellTop.vue b/src/components/market/WeaponSellTop.vue index 5ea047b..cdffaa2 100644 --- a/src/components/market/WeaponSellTop.vue +++ b/src/components/market/WeaponSellTop.vue @@ -24,7 +24,7 @@
-
Srabded
+
Standard
ERC721
@@ -33,7 +33,7 @@
Amount
-
721
+
1
@@ -51,7 +51,7 @@ />
- 10.8 USDT + 0 USDT
diff --git a/src/components/market/nft/Chip.vue b/src/components/market/nft/Chip.vue index 829ec86..ddbf2e5 100644 --- a/src/components/market/nft/Chip.vue +++ b/src/components/market/nft/Chip.vue @@ -38,10 +38,9 @@ alt="" />
- -
- {{ formatPriceShow(chip.s_price ? chip.s_price : " ", 18) }} -
+ +
+ {{ formatPriceShow(chip.s_price ? chip.s_price : " ", 18) }}
@@ -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; diff --git a/src/components/market/nft/HeroNft.vue b/src/components/market/nft/HeroNft.vue index 163bf4e..b59fb5f 100644 --- a/src/components/market/nft/HeroNft.vue +++ b/src/components/market/nft/HeroNft.vue @@ -68,9 +68,10 @@
-
{{ formatPriceShow(data.s_price ? data.s_price : " ", 18) }}
-
-
+
+ {{ formatPriceShow(data.s_price ? data.s_price : " ", 18) }} +
+
Sell
@@ -123,7 +124,7 @@ :type="type" :isBuy="isBuy" :data="data" - @handMessage="handMessage" + @handMessage="handMessage" @handBuyShow="handBuyShow" @handBuyHide="handBuyHide" > @@ -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 { diff --git a/src/components/market/nft/PieceNft.vue b/src/components/market/nft/PieceNft.vue index afd5dde..eadf42f 100644 --- a/src/components/market/nft/PieceNft.vue +++ b/src/components/market/nft/PieceNft.vue @@ -54,10 +54,9 @@ alt="" />
- -
- {{ formatPriceShow(piece.s_price ? piece.s_price : " ", 18) }} -
+ +
+ {{ formatPriceShow(piece.s_price ? piece.s_price : " ", 18) }}
- -
- {{ formatPriceShow(weapon.s_price ? weapon.s_price : " ", 18) }} -
+ +
+ {{ formatPriceShow(weapon.s_price ? weapon.s_price : " ", 18) }}
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 {