Merge branch 'new-CounterFire-0704' of http://git.kingsome.cn/huangjinming/CounterFireGames into cec-claim
This commit is contained in:
yuyongdong
commit
981be683cc
@ -7,8 +7,10 @@
|
||||
</div>
|
||||
<div class="mint-header-right">
|
||||
<div class="left">
|
||||
<div @click="loginDiscord">
|
||||
<img src="@/assets/img/cec_activity/Icon_Disc.png" alt />
|
||||
<div>
|
||||
<a href="https://discord.gg/counterfire" target="_blank">
|
||||
<img src="@/assets/img/cec_activity/Icon_Disc.png" alt />
|
||||
</a>
|
||||
</div>
|
||||
<div @click="toTwitter">
|
||||
<img src="@/assets/img/cec_activity/Icon_X.png" alt />
|
||||
@ -41,7 +43,7 @@
|
||||
<h2>Contribution Clash</h2>
|
||||
</div>
|
||||
<div class="mint-body-left-text">
|
||||
500,000 $CEC Awaits – Earn Your Share!
|
||||
500,000 $CEC Awaits - Earn Your Share!
|
||||
</div>
|
||||
<div class="mint-body-left-time">
|
||||
<div class="left">
|
||||
@ -62,9 +64,6 @@
|
||||
<div>Event end: 2024.9.22 05:59 (GMT)</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- <div class="mint-body-left-time">Event start: 2024.8.22 06:00 (GMT)</div> -->
|
||||
<!-- <div class="mint-body-left-time">Event end: 2024.9.22 05:59 (GMT)</div> -->
|
||||
|
||||
<div class="mint-body-left-content">
|
||||
<p>Your Credits</p>
|
||||
<div class="mint-body-left-contribute">
|
||||
@ -162,38 +161,23 @@
|
||||
</div>
|
||||
<div class="footer-right">
|
||||
<!-- <li>
|
||||
<a href="https://discord.com/invite/counterfire" target="_blank">
|
||||
<img src="./../assets/home/com_Discord_icon.png" alt="">
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://twitter.com/@playCounterFire" target="_blank">
|
||||
<img src="./../assets/home/com_X_icon.png" alt="">
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://www.youtube.com/@playCounterFire" target="_blank">
|
||||
<img src="./../assets/home/com_Youtube_icon.png" alt="">
|
||||
</a>
|
||||
</li>-->
|
||||
<a href="https://discord.com/invite/counterfire" target="_blank">
|
||||
<img src="./../assets/home/com_Discord_icon.png" alt="">
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://twitter.com/@playCounterFire" target="_blank">
|
||||
<img src="./../assets/home/com_X_icon.png" alt="">
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://www.youtube.com/@playCounterFire" target="_blank">
|
||||
<img src="./../assets/home/com_Youtube_icon.png" alt="">
|
||||
</a>
|
||||
</li> -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div ref="cecActivityModel">
|
||||
<a-modal :class="'cecActivityModel'" :getContainer="() => $refs.cecActivityModel" v-model:open="cecActivityDialogVisible" :closable="false" :footer="null" :maskClosable="false">
|
||||
<div class="log-title">Contribution Rules</div>
|
||||
<div class="closable" @click="cecActivityDialogVisible = false">
|
||||
<img src="@/assets/img/marketplace/Close_counter.png" alt="">
|
||||
</div>
|
||||
<h3>To compete in the Contribution Clash, accumulate Contribution Credits through the following methods:</h3>
|
||||
<div class="text">
|
||||
<!-- <p>To compete in the Contribution Clash, accumulate Contribution Credits through the following methods:</p> -->
|
||||
<p>1. Top-Up Diamonds: Earn 1 Contribution Credit for every 1U spent automatically.</p>
|
||||
<p>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.)</p>
|
||||
<p>3. Stake and Earn: Contribution Credits earned from ongoing staking activities will also count towards your total.</p>
|
||||
</div>
|
||||
</a-modal>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@ -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;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user