From 310f734e8f9f7669bda3ad41112c60188d03e87a Mon Sep 17 00:00:00 2001 From: yuyongdong Date: Thu, 22 Aug 2024 15:20:34 +0800 Subject: [PATCH] =?UTF-8?q?cecActivity=20=E5=9B=BE=E7=89=87=E4=B8=8D?= =?UTF-8?q?=E6=98=BE=E7=A4=BA=EF=BC=8C=E4=BF=AE=E6=94=B9=E5=8A=A0=E5=85=A5?= =?UTF-8?q?discord=20=E7=BE=A4=E7=BB=84?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/views/CecActivityView.vue | 177 ++++++---------------------------- 1 file changed, 28 insertions(+), 149 deletions(-) diff --git a/src/views/CecActivityView.vue b/src/views/CecActivityView.vue index ec19436..8024ac8 100644 --- a/src/views/CecActivityView.vue +++ b/src/views/CecActivityView.vue @@ -7,8 +7,10 @@
-
- +
+ + +
@@ -41,7 +43,7 @@

Contribution Clash

- 500,000 $CEC Awaits – Earn Your Share! + 500,000 $CEC Awaits - Earn Your Share!
@@ -62,9 +64,6 @@
Event   end: 2024.9.22 05:59 (GMT)
- - -

Your Credits

@@ -162,38 +161,23 @@
+ + + + +
  • + + + +
    • +
  • + + + +
    • -->
    -
    - -
    Contribution Rules
    -
    - -
    -

    To compete in the Contribution Clash, accumulate Contribution Credits through the following methods:

    -
    - -

    1. Top-Up Diamonds: Earn 1 Contribution Credit for every 1U spent automatically.

    -

    2. Spend Gold in-Game: Receive 1 Contribution Credit for every 10 Gold spent in-game. (Note: Gold card synthesis and Market purchases are excluded.)

    -

    3. Stake and Earn: Contribution Credits earned from ongoing staking activities will also count towards your total.

    -
    -     -
    @@ -311,10 +295,10 @@ const loginDiscord = () => { const toTwitter = () => { const url = "https://twitter.com/intent/tweet?text="; const hashtags = encodeURIComponent( - "I've just minted my @playCounterFire Genesis Heroes! Catch me in the upcoming P2E Season 1!" + "500,000 $CEC Awaits - Earn Your Share!" ); const imageUrl = encodeURIComponent( - `https://sphere.market/immutable/collection/0x3A85cA6615953c683826FBe54fA5e2a770ee8bA2` + `https://counterfire.games/cecActivity` ); const params = `${hashtags}&url=${imageUrl}`; // const params = `${hashtags}`; @@ -366,6 +350,11 @@ onMounted(() => { display: flex; align-items: center; cursor: pointer; + a { + display: block; + width: 19px; + height: 14px; + } img { width: 100%; height: 100%; @@ -860,7 +849,7 @@ onMounted(() => { left: -20px; width: 298px; height: 74px; - background: url('src/assets/img/cec_activity/Credit_bg3.png') no-repeat; + background: url('@/assets/img/cec_activity/Credit_bg3.png') no-repeat; background-size: 100% 100%; font-family: 'Anton'; font-weight: 400; @@ -898,7 +887,7 @@ onMounted(() => { } } .mint-body-right-btm { - height: 228px; + height: 200px; padding: 15px 45px 30px 46px; box-sizing: border-box; p { @@ -957,115 +946,5 @@ onMounted(() => { } } } - :deep(.cecActivityModel) { - width: 1020px !important; - height: 400px; - background: #1A1821; - box-shadow: 0px 15px 28px 3px rgba(22,22,22,0.13); - border-radius: 100px; - border: 1px solid #B966FF; - .ant-modal-content { - width: 944px; - margin: 0 auto; - color: #FFF; - background: #1A1821; - border-radius: 100px; - box-shadow: 0 0 0 0; - .ant-modal-body { - overflow: hidden; - .log-title { - width: 944px; - margin: 0 auto; - font-family: 'Anton'; - font-weight: 400; - font-size: 48px; - color: #FFFFFF; - margin-top: 23px; - border-bottom: 2px solid #3D4057; - } - .closable { - position: absolute; - right: -80px; - top: -30px; - z-index: 99; - cursor: pointer; - img { - width: 120px; - height: 120px; - } - } - h3 { - font-family: 'Poppins'; - font-weight: bold; - font-size: 16px; - color: #AB74EA; - margin-top: 20px; - } - // .staking-content { - // display: flex; - // justify-content: space-between; - // li { - // width: 427px; - // border-radius: 50px; - // h4 { - // font-family: 'Poppins'; - // font-weight: bold; - // font-size: 30px; - // color: #AB74EA; - // text-align: center; - // } - // .hero-title { - // height: 50px; - // line-height: 50px; - // background: #604680; - // border-radius: 30px 30px 0 0; - // font-family: 'Poppins'; - // font-weight: bold; - // font-size: 18px; - // color: #F6F6F6; - // span { - // display: inline-block; - // text-align: center; - // &:nth-child(1) { - // width: 127px; - // border-right: 2px solid #1a1821; - // } - // &:nth-child(2) { - // width: 300px; - // } - // } - // } - // .hero-body { - // div { - // height: 46px; - // line-height: 46px; - // text-align: center; - // background: #2d2738; - // font-family: 'Poppins'; - // font-weight: 600; - // font-size: 20px; - // color: #F3F0FF; - // border-top: 2px solid #1a1821; - // span { - // display: inline-block; - // text-align: center; - // &:nth-child(1) { - // width: 127px; - // border-right: 2px solid #1a1821; - // } - // &:nth-child(2) { - // width: 300px; - // } - // } - // &:last-child { - // border-radius: 0 0 30px 30px; - // } - // } - // } - // } - // } - } - } - } }