From d3c75063f189b9a2123676944fcaa23cecae0d09 Mon Sep 17 00:00:00 2001 From: yuyongdong Date: Thu, 22 Aug 2024 16:47:27 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E6=98=BE=E7=A4=BA=E9=97=AE?= =?UTF-8?q?=E9=A2=98?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/assets/assetsHeader.vue | 6 +- src/components/common/card.vue | 4 + src/configs/item.json | 10 +- src/views/DetailView.vue | 990 +++++++++++----------- src/views/DetailView1.vue | 1038 +++++++++++++++--------- 5 files changed, 1217 insertions(+), 831 deletions(-) diff --git a/src/components/assets/assetsHeader.vue b/src/components/assets/assetsHeader.vue index 5db310c..f23a039 100644 --- a/src/components/assets/assetsHeader.vue +++ b/src/components/assets/assetsHeader.vue @@ -2280,7 +2280,7 @@ onMounted(() => { } } .conform-btn { - width: 427px; + width: 327px; height: 81px; display: flex; align-items: center; @@ -2297,8 +2297,8 @@ onMounted(() => { cursor: pointer; span { display: inline-block; - width: 100px; - text-align: right; + // width: 100px; + // text-align: right; } img { width: 54px; diff --git a/src/components/common/card.vue b/src/components/common/card.vue index d382d06..2c550b4 100644 --- a/src/components/common/card.vue +++ b/src/components/common/card.vue @@ -7,6 +7,7 @@
GENESIS HERO + Legacy Heroes GOLD CARD
{{nftData.nft.name}}
@@ -262,6 +263,9 @@ onMounted(() => { justify-content: space-between; align-items: center; margin: 20px 0; + font-family: "Poppins"; + font-weight: 600; + font-size: 20px; } .card-price { display: flex; diff --git a/src/configs/item.json b/src/configs/item.json index 32e4f93..e82d3cd 100644 --- a/src/configs/item.json +++ b/src/configs/item.json @@ -1,29 +1,29 @@ { - "1": { + "2": { "id": 1, "name": "Tier1", "type": 31, "sub_type": 1 }, - "2": { + "3": { "id": 2, "name": "Tier2", "type": 31, "sub_type": 1 }, - "3": { + "4": { "id": 3, "name": "Tier3", "type": 31, "sub_type": 1 }, - "4": { + "5": { "id": 4, "name": "Tier4", "type": 31, "sub_type": 1 }, - "5": { + "6": { "id": 5, "name": "Tier5", "type": 31, diff --git a/src/views/DetailView.vue b/src/views/DetailView.vue index 0849e1d..d83322f 100644 --- a/src/views/DetailView.vue +++ b/src/views/DetailView.vue @@ -9,19 +9,118 @@
+
+

Property

+
+
  • +
    +
    Tier
    +

    {{ nftAbilities['quality'] }}

    +
    +
    • +
  • +
    +
    Active Days
    +

    {{ nftAbilities['max_mining_days'] }}

    +
    +
    • +
  • +
    +
    Wealth Value
    +

    {{ parseInt(nftAbilities['wealth']) }}

    +
    +
    • +
  • +
    +
    Luck Value
    +

    {{ parseInt(nftAbilities['lucky']) }}

    +
    +
    • +
  • +
    +
    HP
    +

    {{ parseInt(nftAbilities['hp']) }}

    +
    +
    • +
  • +
    +
    Attack
    +

    {{ parseInt(nftAbilities['atk']) }}

    +
    +
    • +
  • +
    +
    Defense
    +

    {{ Number(nftAbilities['def']).toFixed(2) }}%

    +
    +
    • +
  • +
    +
    Block Rate
    +

    {{ Number(nftAbilities['block']).toFixed(2) }}%

    +
    +
    • +
  • +
    +
    Crit Rate
    +

    {{ Number(nftAbilities['crit']).toFixed(2) }}%

    +
    +
    • +
  • +
    +
    Chip Slots
    +

    {{ nftAbilities['chip_slots'] }}

    +
    +
    • +
  • +
    +
    Combat Ability I
    +

    {{ nftAbilities['combat_ability_l'] }}

    +
    +
    • +
  • +
    +
    Combat Ability II
    +

    {{ nftAbilities['combat_ability_2'] }}

    +
    +
    • +
    +
    +
    +

    Property

    +
    +
    +

    Gold Amount

    +

    {{ detailData.nft.detail.gold_coins }}

    +
    +
    +
    + +
    +
    A Gold Card is equivalent to 100,000 Gold. Once redeemed, 100,000 Gold will be credited to your Counter Fire game account.
    +
    +
    +

    Founder's Tag

    {{ detailData.nft.name }}

    Owner:
    -
    {{ detailData.nft.owner_address ? detailData.nft.owner_address : myAddress }}
    +
    {{ detailData.nft.owner_address ? detailData.nft.owner_address : myAddress }}
  • Price
    - img + img
    (UTC)End Time:  {{detailData.event.data.end_at}}
    @@ -29,28 +128,40 @@
  • {{ price }}  - ICON + ICON ( $ {{ usd }} )
    • -
    +
    - - Time remaining :   + + + Time remaining :   {{ timeStaking(detailData.nft.last_lock_time)[0] }}d: {{ timeStaking(detailData.nft.last_lock_time)[1] }}h: {{ timeStaking(detailData.nft.last_lock_time)[2] }}m
    - +{{contribution(detailData.nft.detail.quality, detailData.nft.type)}}/d - +{{contribution(detailData.nft.quality, detailData.nft.type)}}/d - + +{{contribution(detailData.nft.detail.quality, detailData.nft.type)}}/d + +{{contribution(detailData.nft.quality, detailData.nft.type)}}/d +
    -
    +
    Loading
    @@ -58,7 +169,9 @@ Withdraw
    -
    +
    Mint
    - +
    -
    Buy Now
    -
    - Add to cart - +
    Buy Now
    +
    + Add to cart +
    -
    +
    Remove from cart - +
    -
    List
    +
    List
    Delist
    -
    +
    Stake
    Loading Stake
    -
    Redeem
    +
    Redeem
    +
    -->

    Info

    @@ -108,14 +245,27 @@
    Contract address
    {{ detailData.nft.contract_address}}
    - {{ sliceAddress(detailData.nft.contract_address) }} - {{ sliceAddress(detailData.nft.contract_address) }} + + {{ sliceAddress(detailData.nft.contract_address) }} + + + {{ sliceAddress(detailData.nft.contract_address) }} +
  • Token ID
  • @@ -124,8 +274,18 @@
  • Metadata
    - - + +
  • Royalties
    @@ -140,188 +300,101 @@
    • -
    -
    -

    Property

    -
    -
  • -
    -
    Tier
    -

    {{ nftAbilities['quality'] }}

    -
    -
    • -
  • -
    -
    Active Days
    -

    {{ nftAbilities['max_mining_days'] }}

    -
    -
    • -
  • -
    -
    Wealth Value
    -

    {{ parseInt(nftAbilities['wealth']) }}

    -
    -
    • -
  • -
    -
    Luck Value
    -

    {{ parseInt(nftAbilities['lucky']) }}

    -
    -
    • -
  • -
    -
    HP
    -

    {{ parseInt(nftAbilities['hp']) }}

    -
    -
    • -
  • -
    -
    Attack
    -

    {{ parseInt(nftAbilities['atk']) }}

    -
    -
    • -
  • -
    -
    Defense
    -

    {{ Number(nftAbilities['def']).toFixed(2) }}%

    -
    -
    • -
  • -
    -
    Block Rate
    -

    {{ Number(nftAbilities['block']).toFixed(2) }}%

    -
    -
    • -
  • -
    -
    Crit Rate
    -

    {{ Number(nftAbilities['crit']).toFixed(2) }}%

    -
    -
    • -
  • -
    -
    Chip Slots
    -

    {{ nftAbilities['chip_slots'] }}

    -
    -
    • -
  • -
    -
    Combat Ability I
    -

    {{ nftAbilities['combat_ability_l'] }}

    -
    -
    • -
  • -
    -
    Combat Ability II
    -

    {{ nftAbilities['combat_ability_2'] }}

    -
    -
    • -
    -
    -
    -

    Property

    -
    -
    -

    Gold Amount

    -

    {{ detailData.nft.detail.gold_coins }}

    -
    -
    -
    - -
    -
    - A Gold Card is equivalent to 100,000 Gold. Once redeemed, 100,000 Gold will be credited to your Counter Fire game account. -
    -
    -
    -
    -
    - - + +