关闭活动,所有页面显示已结束
This commit is contained in:
parent
32d75b4a7c
commit
513de7894f
@ -1,110 +1,116 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="download">
|
<div class="download">
|
||||||
<Header :descText="'Play 5 Games in any mode with your registered E-mail'" />
|
<Header :descText="'Play 5 Games in any mode with your registered E-mail'" />
|
||||||
<h5>
|
<Event />
|
||||||
Complete this task to win a share of the
|
|
||||||
<span>180,000 $CEC</span> prize pool
|
<div v-if="false">
|
||||||
</h5>
|
<h5>
|
||||||
<div class="login-content">
|
Complete this task to win a share of the
|
||||||
<li>
|
<span>180,000 $CEC</span> prize pool
|
||||||
<div class="left">
|
</h5>
|
||||||
<div>
|
<div class="login-content">
|
||||||
<span v-if="!token">1</span>
|
<li>
|
||||||
<img v-else src="@/assets/icon_done.png" alt />
|
<div class="left">
|
||||||
</div>
|
<div>
|
||||||
</div>
|
<span v-if="!token">1</span>
|
||||||
<div class="right">
|
<img v-else src="@/assets/icon_done.png" alt />
|
||||||
<h4>Bitget Wallet</h4>
|
|
||||||
<div class="connect" v-if="!token">
|
|
||||||
<span @click="walletLink">Connect</span>
|
|
||||||
</div>
|
|
||||||
<div class="address" v-else>{{ address }}</div>
|
|
||||||
<div class="email" v-if="token && email">
|
|
||||||
Game Account:
|
|
||||||
<span>{{ email }}</span>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<div class="left">
|
|
||||||
<div>
|
|
||||||
<span v-if="!email">2</span>
|
|
||||||
<img v-else src="@/assets/icon_done.png" alt />
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="right">
|
||||||
<div class="right">
|
<h4>Bitget Wallet</h4>
|
||||||
<h4>Download the game</h4>
|
<div class="connect" v-if="!token">
|
||||||
<div class="download-content">
|
<span @click="walletLink">Connect</span>
|
||||||
<div class="download-content-counter-fire">
|
</div>
|
||||||
<div class="counter-fire-title">Counter Fire:</div>
|
<div class="address" v-else>{{ address }}</div>
|
||||||
<p>Anime-style battle royale and MOBA games.</p>
|
<div class="email" v-if="token && email">
|
||||||
<div class="counter-fire-btn">
|
Game Account:
|
||||||
<div>
|
<span>{{ email }}</span>
|
||||||
<a href="https://apps.apple.com/app/counter-fire/id6444462915" target="_blank">
|
</div>
|
||||||
<img src="@/assets/btn_appStore.png" alt />
|
</div>
|
||||||
</a>
|
</li>
|
||||||
</div>
|
<li>
|
||||||
<div>
|
<div class="left">
|
||||||
<a href="https://play.google.com/store/apps/details?id=com.cege.games.release" target="_blank">
|
<div>
|
||||||
<img src="@/assets/btn_googlePlay.png" alt />
|
<span v-if="!email">2</span>
|
||||||
</a>
|
<img v-else src="@/assets/icon_done.png" alt />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="right">
|
||||||
|
<h4>Download the game</h4>
|
||||||
|
<div class="download-content">
|
||||||
|
<div class="download-content-counter-fire">
|
||||||
|
<div class="counter-fire-title">Counter Fire:</div>
|
||||||
|
<p>Anime-style battle royale and MOBA games.</p>
|
||||||
|
<div class="counter-fire-btn">
|
||||||
|
<div>
|
||||||
|
<a href="https://apps.apple.com/app/counter-fire/id6444462915" target="_blank">
|
||||||
|
<img src="@/assets/btn_appStore.png" alt />
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<a href="https://play.google.com/store/apps/details?id=com.cege.games.release" target="_blank">
|
||||||
|
<img src="@/assets/btn_googlePlay.png" alt />
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</li>
|
||||||
</li>
|
<li>
|
||||||
<li>
|
<div class="left">
|
||||||
<div class="left">
|
<div>
|
||||||
<div>
|
<img
|
||||||
<img
|
v-if="missions.current != missions.target"
|
||||||
v-if="missions.current != missions.target"
|
src="@/assets/icon_done.png"
|
||||||
src="@/assets/icon_done.png"
|
alt
|
||||||
alt
|
/>
|
||||||
/>
|
<span v-else>3</span>
|
||||||
<span v-else>3</span>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="right">
|
||||||
<div class="right">
|
<h4>
|
||||||
<h4>
|
Completion Progress
|
||||||
Completion Progress
|
<span>
|
||||||
<span>
|
<span>{{ missions.current }}</span>/{{ missions.target }}
|
||||||
<span>{{ missions.current }}</span>/{{ missions.target }}
|
</span>
|
||||||
</span>
|
</h4>
|
||||||
</h4>
|
</div>
|
||||||
</div>
|
</li>
|
||||||
</li>
|
|
||||||
|
|
||||||
<!-- <div @click="walletLink">Wallet Connect</div>
|
<!-- <div @click="walletLink">Wallet Connect</div>
|
||||||
<div>{{ address }}</div>
|
<div>{{ address }}</div>
|
||||||
<div @click="logOut">Wallet logOut</div>-->
|
<div @click="logOut">Wallet logOut</div>-->
|
||||||
</div>
|
|
||||||
<div class="dialog" v-if="isDownloadDialog">
|
|
||||||
<div class="dialog-content">
|
|
||||||
<div class="dialog-tips">
|
|
||||||
<p>Please complete game account</p>
|
|
||||||
<p>registration first</p>
|
|
||||||
</div>
|
|
||||||
<div class="dialog-btn">
|
|
||||||
<div @click="toHome">
|
|
||||||
<!-- <router-link to="/">Go</router-link> -->
|
|
||||||
Go
|
|
||||||
</div>
|
|
||||||
<div class="close" @click="isDownloadDialog = false">Close</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
<div class="dialog" v-if="isDownloadDialog">
|
||||||
|
<div class="dialog-content">
|
||||||
|
<div class="dialog-tips">
|
||||||
|
<p>Please complete game account</p>
|
||||||
|
<p>registration first</p>
|
||||||
|
</div>
|
||||||
|
<div class="dialog-btn">
|
||||||
|
<div @click="toHome">
|
||||||
|
<!-- <router-link to="/">Go</router-link> -->
|
||||||
|
Go
|
||||||
|
</div>
|
||||||
|
<div class="close" @click="isDownloadDialog = false">Close</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import Header from "@/components/header.vue";
|
import Header from "@/components/header.vue";
|
||||||
|
import Event from "@/components/event.vue"
|
||||||
import { BitgetWallet } from "@/wallet/BitgetWallet.js";
|
import { BitgetWallet } from "@/wallet/BitgetWallet.js";
|
||||||
import { apiProgress, getEmail } from "@/utils/request";
|
import { apiProgress, getEmail } from "@/utils/request";
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
components: {
|
components: {
|
||||||
Header
|
Header,
|
||||||
|
Event
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
|
@ -1,93 +1,98 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="login">
|
<div class="login">
|
||||||
<Header :descText="'Connect your Bitget Wallet and register'" />
|
<Header :descText="'Connect your Bitget Wallet and register'" />
|
||||||
<h5>
|
<Event />
|
||||||
Register to win a share of the
|
|
||||||
<span>45,000 $CEC</span> prize pool
|
|
||||||
</h5>
|
<div v-if="false">
|
||||||
<div class="login-content">
|
<h5>
|
||||||
<li>
|
Register to win a share of the
|
||||||
<div class="left">
|
<span>45,000 $CEC</span> prize pool
|
||||||
<div>
|
</h5>
|
||||||
<span v-if="!token">1</span>
|
<div class="login-content">
|
||||||
<img v-else src="@/assets/icon_done.png" alt="">
|
<li>
|
||||||
</div>
|
<div class="left">
|
||||||
</div>
|
<div>
|
||||||
<div class="right">
|
<span v-if="!token">1</span>
|
||||||
<h4>Bitget Wallet</h4>
|
<img v-else src="@/assets/icon_done.png" alt="">
|
||||||
<div class="connect" v-if="!token" @click="walletLink">
|
</div>
|
||||||
<span>Connect</span>
|
</div>
|
||||||
</div>
|
<div class="right">
|
||||||
<div v-else class="address">{{ address }}</div>
|
<h4>Bitget Wallet</h4>
|
||||||
<div class="email" v-if="token && email">
|
<div class="connect" v-if="!token" @click="walletLink">
|
||||||
Game Account:
|
<span>Connect</span>
|
||||||
<span>{{ email }}</span>
|
</div>
|
||||||
</div>
|
<div v-else class="address">{{ address }}</div>
|
||||||
</div>
|
<div class="email" v-if="token && email">
|
||||||
</li>
|
Game Account:
|
||||||
<li v-if="token && !email">
|
<span>{{ email }}</span>
|
||||||
<div class="left">
|
</div>
|
||||||
<div>
|
</div>
|
||||||
<span v-if="isEmailTips != 4">2</span>
|
</li>
|
||||||
<img v-else src="@/assets/icon_done.png" alt="">
|
<li v-if="token && !email">
|
||||||
</div>
|
<div class="left">
|
||||||
</div>
|
<div>
|
||||||
<div class="right">
|
<span v-if="isEmailTips != 4">2</span>
|
||||||
<h4>Register a game account</h4>
|
<img v-else src="@/assets/icon_done.png" alt="">
|
||||||
<!-- <div class="connect" @click="walletLink">Connect</div> -->
|
</div>
|
||||||
<div class="email-input">
|
</div>
|
||||||
<input type="text" placeholder="Email Address" v-model="userEmail" />
|
<div class="right">
|
||||||
<p v-if="isEmailTips == 1">*Cannot be empty</p>
|
<h4>Register a game account</h4>
|
||||||
<p v-if="isEmailTips == 2">*Please enter the correct email format</p>
|
<!-- <div class="connect" @click="walletLink">Connect</div> -->
|
||||||
<p v-if="isEmailTips == 3">*Already registered</p>
|
<div class="email-input">
|
||||||
</div>
|
<input type="text" placeholder="Email Address" v-model="userEmail" />
|
||||||
<div class="send">
|
<p v-if="isEmailTips == 1">*Cannot be empty</p>
|
||||||
<span class="send-btn" v-if="isLogin" @click="getCode">Send</span>
|
<p v-if="isEmailTips == 2">*Please enter the correct email format</p>
|
||||||
<span class="count-time" v-else>{{ countdown }}S</span>
|
<p v-if="isEmailTips == 3">*Already registered</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="send">
|
||||||
</li>
|
<span class="send-btn" v-if="isLogin" @click="getCode">Send</span>
|
||||||
<li v-if="isEmailTips == 4">
|
<span class="count-time" v-else>{{ countdown }}S</span>
|
||||||
<div class="left">
|
</div>
|
||||||
<div>
|
</div>
|
||||||
<span v-if="isCodeTips != 4">3</span>
|
</li>
|
||||||
<img v-else src="@/assets/icon_done.png" alt="">
|
<li v-if="isEmailTips == 4">
|
||||||
</div>
|
<div class="left">
|
||||||
</div>
|
<div>
|
||||||
<div class="right">
|
<span v-if="isCodeTips != 4">3</span>
|
||||||
<h4>Verification code</h4>
|
<img v-else src="@/assets/icon_done.png" alt="">
|
||||||
<div class="email-input">
|
</div>
|
||||||
<input type="text" placeholder="Code" v-model="userCode" />
|
</div>
|
||||||
<!-- 不能为空 -->
|
<div class="right">
|
||||||
<p v-if="isCodeTips == 1">*Cannot be empty</p>
|
<h4>Verification code</h4>
|
||||||
<!-- 不正确-->
|
<div class="email-input">
|
||||||
<p v-if="isCodeTips == 2">*Please enter the correct code format</p>
|
<input type="text" placeholder="Code" v-model="userCode" />
|
||||||
<!-- 验证码错误 -->
|
<!-- 不能为空 -->
|
||||||
<p v-if="isCodeTips == 3">*code not found</p>
|
<p v-if="isCodeTips == 1">*Cannot be empty</p>
|
||||||
</div>
|
<!-- 不正确-->
|
||||||
<div class="send">
|
<p v-if="isCodeTips == 2">*Please enter the correct code format</p>
|
||||||
<span class="send-btn" @click="confirmLogin">Confirm</span>
|
<!-- 验证码错误 -->
|
||||||
</div>
|
<p v-if="isCodeTips == 3">*code not found</p>
|
||||||
</div>
|
</div>
|
||||||
</li>
|
<div class="send">
|
||||||
|
<span class="send-btn" @click="confirmLogin">Confirm</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
|
||||||
</div>
|
|
||||||
<div class="dialog" v-if="isDownloadDialog">
|
|
||||||
<h2>Task completed</h2>
|
|
||||||
<div class="logo">
|
|
||||||
<img src="@/assets/logo2.png" alt="">
|
|
||||||
</div>
|
</div>
|
||||||
<div class="user-info">
|
<div class="dialog" v-if="isDownloadDialog">
|
||||||
<div class="user-info-label">Game Account:</div>
|
<h2>Task completed</h2>
|
||||||
<p>{{ email || userEmail }}</p>
|
<div class="logo">
|
||||||
<div class="user-info-label">Bitget wallet:</div>
|
<img src="@/assets/logo2.png" alt="">
|
||||||
<p class="cor">{{ address }}</p>
|
</div>
|
||||||
</div>
|
<div class="user-info">
|
||||||
<div class="user-info-btn">
|
<div class="user-info-label">Game Account:</div>
|
||||||
<div class="left">
|
<p>{{ email || userEmail }}</p>
|
||||||
<router-link to="/download">Download</router-link>
|
<div class="user-info-label">Bitget wallet:</div>
|
||||||
|
<p class="cor">{{ address }}</p>
|
||||||
|
</div>
|
||||||
|
<div class="user-info-btn">
|
||||||
|
<div class="left">
|
||||||
|
<router-link to="/download">Download</router-link>
|
||||||
|
</div>
|
||||||
|
<div class="right" @click="isDownloadDialog = false">Close</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="right" @click="isDownloadDialog = false">Close</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -95,6 +100,7 @@
|
|||||||
|
|
||||||
<script>
|
<script>
|
||||||
import Header from "@/components/header.vue";
|
import Header from "@/components/header.vue";
|
||||||
|
import Event from "@/components/event.vue"
|
||||||
import { providers } from "ethers";
|
import { providers } from "ethers";
|
||||||
import { signLogin } from "@/wallet/utils";
|
import { signLogin } from "@/wallet/utils";
|
||||||
import { BitgetWallet } from "@/wallet/BitgetWallet.js";
|
import { BitgetWallet } from "@/wallet/BitgetWallet.js";
|
||||||
@ -104,7 +110,8 @@ import { FirebaseUtil } from "@/utils/firebase.util";
|
|||||||
|
|
||||||
export default {
|
export default {
|
||||||
components: {
|
components: {
|
||||||
Header
|
Header,
|
||||||
|
Event
|
||||||
},
|
},
|
||||||
|
|
||||||
data() {
|
data() {
|
||||||
|
@ -1,168 +1,173 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="diamonds">
|
<div class="diamonds">
|
||||||
<Header :descText="'Purchase any amount of diamonds'" />
|
<Header :descText="'Purchase any amount of diamonds'" />
|
||||||
<TipsDialog v-if="isTips" :text="tipsText" :status="tipsStatus" />
|
<Event />
|
||||||
<h5>
|
|
||||||
Complete this task to win a share of the
|
<div v-if="false">
|
||||||
<span>225,000 $CEC</span> prize pool
|
<TipsDialog v-if="isTips" :text="tipsText" :status="tipsStatus" />
|
||||||
</h5>
|
<h5>
|
||||||
<h6>Select a network</h6>
|
Complete this task to win a share of the
|
||||||
<div class="net-id-list">
|
<span>225,000 $CEC</span> prize pool
|
||||||
<div
|
</h5>
|
||||||
:class="netIdIndex != index ? 'net-id-item' : 'net-id-item active'"
|
<h6>Select a network</h6>
|
||||||
v-for="(item, index) in netIdList"
|
<div class="net-id-list">
|
||||||
:key="index"
|
<div
|
||||||
@click="selectNetId(index)"
|
:class="netIdIndex != index ? 'net-id-item' : 'net-id-item active'"
|
||||||
>
|
v-for="(item, index) in netIdList"
|
||||||
<div>
|
:key="index"
|
||||||
<img :src="item.imgSrc" alt />
|
@click="selectNetId(index)"
|
||||||
|
>
|
||||||
|
<div>
|
||||||
|
<img :src="item.imgSrc" alt />
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="diamonds-content">
|
||||||
<div class="diamonds-content">
|
<div class="content">
|
||||||
<div class="content">
|
<li>
|
||||||
<li>
|
<div class="left">
|
||||||
<div class="left">
|
<div>
|
||||||
<div>
|
<span v-if="!token">1</span>
|
||||||
<span v-if="!token">1</span>
|
<img v-else src="@/assets/icon_done.png" alt />
|
||||||
<img v-else src="@/assets/icon_done.png" alt />
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="right">
|
|
||||||
<h4>Bitget Wallet</h4>
|
|
||||||
<div class="connect" v-if="!token">
|
|
||||||
<span @click="walletLink">Connect</span>
|
|
||||||
</div>
|
|
||||||
<div class="address" v-else>{{ address }}</div>
|
|
||||||
<div class="email" v-if="token && email">
|
|
||||||
Game Account:
|
|
||||||
<span>{{ email }}</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
<li v-if="token">
|
|
||||||
<div class="left">
|
|
||||||
<div>
|
|
||||||
<span>2</span>
|
|
||||||
<!-- <img src="@/assets/icon_done.png" alt=""> -->
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="right">
|
|
||||||
<h4>Purchase diamonds</h4>
|
|
||||||
<p>*Use diamonds for items and skin lotteries in-game</p>
|
|
||||||
<div class="purchase">
|
|
||||||
<div class="purchase-logo">
|
|
||||||
<div class="logo">
|
|
||||||
<img src="@/assets/icon_diamond.png" alt />
|
|
||||||
<span>× {{brickworkAmount * 100}}</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="amount-input">
|
</div>
|
||||||
<!-- <div class="left"> -->
|
<div class="right">
|
||||||
<span @click="rechargeDecrease">-</span>
|
<h4>Bitget Wallet</h4>
|
||||||
<input
|
<div class="connect" v-if="!token">
|
||||||
type="text"
|
<span @click="walletLink">Connect</span>
|
||||||
placeholder="0"
|
|
||||||
v-model="brickworkAmount"
|
|
||||||
@input="handleInput"
|
|
||||||
oninput="value=value.replace(/[^\d]/g,'')"
|
|
||||||
/>
|
|
||||||
<p>Unit</p>
|
|
||||||
<span @click="rechargeIncrease">+</span>
|
|
||||||
<!-- </div> -->
|
|
||||||
</div>
|
</div>
|
||||||
<div class="price-amount">
|
<div class="address" v-else>{{ address }}</div>
|
||||||
<span>{{ brickworkAmount }}</span>
|
<div class="email" v-if="token && email">
|
||||||
<!-- <img :src="currencyData.imgSrc" alt=""> -->
|
Game Account:
|
||||||
<img class="icon" v-if="currencyData.name == 'USDC'" src="@/assets/usdc.png" alt />
|
<span>{{ email }}</span>
|
||||||
<img
|
</div>
|
||||||
class="icon"
|
</div>
|
||||||
v-if="currencyData.name == 'USDT'"
|
</li>
|
||||||
src="@/assets/icon_USDT.png"
|
<li v-if="token">
|
||||||
alt
|
<div class="left">
|
||||||
/>
|
<div>
|
||||||
<div class="drop-down">
|
<span>2</span>
|
||||||
<div class="drop-down-icon" @click="isDropdown = !isDropdown">
|
<!-- <img src="@/assets/icon_done.png" alt=""> -->
|
||||||
<img src="@/assets/selectCoin_arrow.png" alt />
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="right">
|
||||||
|
<h4>Purchase diamonds</h4>
|
||||||
|
<p>*Use diamonds for items and skin lotteries in-game</p>
|
||||||
|
<div class="purchase">
|
||||||
|
<div class="purchase-logo">
|
||||||
|
<div class="logo">
|
||||||
|
<img src="@/assets/icon_diamond.png" alt />
|
||||||
|
<span>× {{brickworkAmount * 100}}</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="dropdown-menu" v-if="isDropdown">
|
<div class="amount-input">
|
||||||
<div
|
<!-- <div class="left"> -->
|
||||||
class="dropdown-item"
|
<span @click="rechargeDecrease">-</span>
|
||||||
v-for="(item, index) in buyData.currency_list"
|
<input
|
||||||
:key="index"
|
type="text"
|
||||||
@click="cliCurrency(item)"
|
placeholder="0"
|
||||||
>
|
v-model="brickworkAmount"
|
||||||
<!-- <img :src="dropdownList[index].imgSrc" alt=""> -->
|
@input="handleInput"
|
||||||
<img v-if="item.name == 'USDC'" src="@/assets/usdc.png" alt />
|
oninput="value=value.replace(/[^\d]/g,'')"
|
||||||
<img v-if="item.name == 'USDT'" src="@/assets/icon_USDT.png" alt />
|
/>
|
||||||
<span>{{ item.name }}</span>
|
<p>Unit</p>
|
||||||
|
<span @click="rechargeIncrease">+</span>
|
||||||
|
<!-- </div> -->
|
||||||
|
</div>
|
||||||
|
<div class="price-amount">
|
||||||
|
<span>{{ brickworkAmount }}</span>
|
||||||
|
<!-- <img :src="currencyData.imgSrc" alt=""> -->
|
||||||
|
<img class="icon" v-if="currencyData.name == 'USDC'" src="@/assets/usdc.png" alt />
|
||||||
|
<img
|
||||||
|
class="icon"
|
||||||
|
v-if="currencyData.name == 'USDT'"
|
||||||
|
src="@/assets/icon_USDT.png"
|
||||||
|
alt
|
||||||
|
/>
|
||||||
|
<div class="drop-down">
|
||||||
|
<div class="drop-down-icon" @click="isDropdown = !isDropdown">
|
||||||
|
<img src="@/assets/selectCoin_arrow.png" alt />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="dropdown-menu" v-if="isDropdown">
|
||||||
|
<div
|
||||||
|
class="dropdown-item"
|
||||||
|
v-for="(item, index) in buyData.currency_list"
|
||||||
|
:key="index"
|
||||||
|
@click="cliCurrency(item)"
|
||||||
|
>
|
||||||
|
<!-- <img :src="dropdownList[index].imgSrc" alt=""> -->
|
||||||
|
<img v-if="item.name == 'USDC'" src="@/assets/usdc.png" alt />
|
||||||
|
<img v-if="item.name == 'USDT'" src="@/assets/icon_USDT.png" alt />
|
||||||
|
<span>{{ item.name }}</span>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="confirm-btn" @click="conformBtn">Confirm</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="confirm-btn" @click="conformBtn">Confirm</div>
|
<!-- <div class="address">0x803f05df41ebae0305e768c1645484d3d2e4d42b</div> -->
|
||||||
</div>
|
</div>
|
||||||
<!-- <div class="address">0x803f05df41ebae0305e768c1645484d3d2e4d42b</div> -->
|
</li>
|
||||||
</div>
|
</div>
|
||||||
</li>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="top-up-dialog" v-if="isDownloadDialog">
|
||||||
<div class="top-up-dialog" v-if="isDownloadDialog">
|
<div class="close" @click="closeDownload">
|
||||||
<div class="close" @click="closeDownload">
|
<img src="@/assets/Close_counter.png" alt />
|
||||||
<img src="@/assets/Close_counter.png" alt="">
|
</div>
|
||||||
</div>
|
<h2>Task completed</h2>
|
||||||
<h2>Task completed</h2>
|
<div class="logo">
|
||||||
<div class="logo">
|
<img src="@/assets/icon_diamond.png" alt />
|
||||||
<img src="@/assets/icon_diamond.png" alt />
|
</div>
|
||||||
</div>
|
<h4>You got × {{brickworkAmount * 100}}</h4>
|
||||||
<h4>You got × {{brickworkAmount * 100}}</h4>
|
<div class="user-info">
|
||||||
<div class="user-info">
|
<div class="user-info-label">Account:</div>
|
||||||
<div class="user-info-label">Account:</div>
|
<p>{{ email }}</p>
|
||||||
<p>{{ email }}</p>
|
<div class="user-info-label">Bitget wallet:</div>
|
||||||
<div class="user-info-label">Bitget wallet:</div>
|
<p>{{ address }}</p>
|
||||||
<p>{{ address }}</p>
|
</div>
|
||||||
</div>
|
<div class="tips">
|
||||||
<div class="tips">
|
<p>*Check and spend diamonds in the game.</p>
|
||||||
<p>*Check and spend diamonds in the game.</p>
|
<p>Rewards will be airdrop to your Bitget Wallet in the future</p>
|
||||||
<p>Rewards will be airdrop to your Bitget Wallet in the future</p>
|
</div>
|
||||||
</div>
|
<!-- <div class="user-info-btn">
|
||||||
<!-- <div class="user-info-btn">
|
|
||||||
<div class="left">Download</div>
|
<div class="left">Download</div>
|
||||||
<div class="right" @click="isDownloadDialog = false">Close</div>
|
<div class="right" @click="isDownloadDialog = false">Close</div>
|
||||||
</div>-->
|
</div>-->
|
||||||
</div>
|
</div>
|
||||||
<div class="dialog" v-if="isLoginDialog">
|
<div class="dialog" v-if="isLoginDialog">
|
||||||
<div class="dialog-content">
|
<div class="dialog-content">
|
||||||
<div class="dialog-tips">
|
<div class="dialog-tips">
|
||||||
<p>Please complete game account</p>
|
<p>Please complete game account</p>
|
||||||
<p>registration first</p>
|
<p>registration first</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="dialog-btn">
|
<div class="dialog-btn">
|
||||||
<div @click="toHome">
|
<div @click="toHome">
|
||||||
<!-- <router-link to="/">Go</router-link> -->
|
<!-- <router-link to="/">Go</router-link> -->
|
||||||
Go
|
Go
|
||||||
|
</div>
|
||||||
|
<div class="close" @click="isLoginDialog = false">Close</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="close" @click="isLoginDialog = false">Close</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<LoadingDialog v-if="loadingDialogVisible" />
|
||||||
</div>
|
</div>
|
||||||
<LoadingDialog v-if="loadingDialogVisible" />
|
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import { providers } from "ethers";
|
import { providers } from "ethers";
|
||||||
import Header from "@/components/header.vue";
|
import Header from "@/components/header.vue";
|
||||||
|
import Event from "@/components/event.vue"
|
||||||
import { BitgetWallet } from "@/wallet/BitgetWallet.js";
|
import { BitgetWallet } from "@/wallet/BitgetWallet.js";
|
||||||
import { getEmail, apiGoods } from "@/utils/request";
|
import { getEmail, apiGoods } from "@/utils/request";
|
||||||
import TipsDialog from "./tipsDialog.vue"
|
import TipsDialog from "./tipsDialog.vue";
|
||||||
import LoadingDialog from "./loadingDialog.vue"
|
import LoadingDialog from "./loadingDialog.vue";
|
||||||
import { FirebaseUtil } from "@/utils/firebase.util";
|
import { FirebaseUtil } from "@/utils/firebase.util";
|
||||||
|
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
components: {
|
components: {
|
||||||
Header,
|
Header,
|
||||||
|
Event,
|
||||||
TipsDialog,
|
TipsDialog,
|
||||||
LoadingDialog
|
LoadingDialog
|
||||||
},
|
},
|
||||||
@ -212,11 +217,11 @@ export default {
|
|||||||
email: "",
|
email: "",
|
||||||
net_id: process.env.VUE_APP_ETH_ID,
|
net_id: process.env.VUE_APP_ETH_ID,
|
||||||
buyData: {},
|
buyData: {},
|
||||||
tipsText: '',
|
tipsText: "",
|
||||||
tipsStatus: 0,
|
tipsStatus: 0,
|
||||||
isTips: false,
|
isTips: false,
|
||||||
tipsTime: 3,
|
tipsTime: 3,
|
||||||
loadingDialogVisible: false,
|
loadingDialogVisible: false
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
|
|
||||||
@ -248,8 +253,8 @@ export default {
|
|||||||
this.currencyData["name"] = this.buyData.currency_list[0].name;
|
this.currencyData["name"] = this.buyData.currency_list[0].name;
|
||||||
this.currencyData.imgSrc = this.buyData.currency_list[0].name;
|
this.currencyData.imgSrc = this.buyData.currency_list[0].name;
|
||||||
}
|
}
|
||||||
} catch(e) {
|
} catch (e) {
|
||||||
console.log(e)
|
console.log(e);
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
@ -309,42 +314,46 @@ export default {
|
|||||||
account_address: this.address,
|
account_address: this.address,
|
||||||
currency_address: this.currencyData.address
|
currency_address: this.currencyData.address
|
||||||
};
|
};
|
||||||
this.loadingDialogVisible = true
|
this.loadingDialogVisible = true;
|
||||||
if (email) {
|
if (email) {
|
||||||
setImmediate(() => {
|
setImmediate(() => {
|
||||||
new FirebaseUtil().uploadEvent('begin_charge', { email, data })
|
new FirebaseUtil().uploadEvent("begin_charge", { email, data });
|
||||||
})
|
});
|
||||||
try{
|
try {
|
||||||
let bitgetWallet = new BitgetWallet();
|
let bitgetWallet = new BitgetWallet();
|
||||||
let res = await bitgetWallet.execBuyItem(data);
|
let res = await bitgetWallet.execBuyItem(data);
|
||||||
this.loadingDialogVisible = false
|
this.loadingDialogVisible = false;
|
||||||
this.isDownloadDialog = true
|
this.isDownloadDialog = true;
|
||||||
this.tipsText = 'Top-Up Successful'
|
this.tipsText = "Top-Up Successful";
|
||||||
this.tipsTime = 3
|
this.tipsTime = 3;
|
||||||
this.tipsStatus = 0
|
this.tipsStatus = 0;
|
||||||
} catch (e) {
|
} catch (e) {
|
||||||
this.tipsStatus = 1
|
this.tipsStatus = 1;
|
||||||
this.loadingDialogVisible = false
|
this.loadingDialogVisible = false;
|
||||||
this.countTime()
|
this.countTime();
|
||||||
if(e.message.indexOf('request') > -1) {
|
if (e.message.indexOf("request") > -1) {
|
||||||
this.tipsText = 'Top-Up Cancelled by User'
|
this.tipsText = "Top-Up Cancelled by User";
|
||||||
this.tipsTime = 3
|
this.tipsTime = 3;
|
||||||
} else {
|
} else {
|
||||||
this.tipsText = 'Top-Up fail.'
|
this.tipsText = "Top-Up fail.";
|
||||||
}
|
}
|
||||||
new FirebaseUtil().uploadEvent('charge_error', {email, data, error: e.message || e})
|
new FirebaseUtil().uploadEvent("charge_error", {
|
||||||
|
email,
|
||||||
|
data,
|
||||||
|
error: e.message || e
|
||||||
|
});
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
this.loadingDialogVisible = false
|
this.loadingDialogVisible = false;
|
||||||
this.isLoginDialog = true;
|
this.isLoginDialog = true;
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
// 链接钱包
|
// 链接钱包
|
||||||
async walletLink() {
|
async walletLink() {
|
||||||
var isBitgetWallet = navigator.userAgent.indexOf('BitKeep') > 0
|
var isBitgetWallet = navigator.userAgent.indexOf("BitKeep") > 0;
|
||||||
if(!isBitgetWallet) {
|
if (!isBitgetWallet) {
|
||||||
window.location.href = `https://bkcode.vip?action=dapp&url=${location.origin}/register`
|
window.location.href = `https://bkcode.vip?action=dapp&url=${location.origin}/register`;
|
||||||
} else {
|
} else {
|
||||||
let bitgetWallet = new BitgetWallet();
|
let bitgetWallet = new BitgetWallet();
|
||||||
let res = await bitgetWallet.getAccessToken();
|
let res = await bitgetWallet.getAccessToken();
|
||||||
@ -354,7 +363,7 @@ export default {
|
|||||||
this.token = res.token;
|
this.token = res.token;
|
||||||
this.address = res.accounts[0];
|
this.address = res.accounts[0];
|
||||||
this.email = getEmail(this.token);
|
this.email = getEmail(this.token);
|
||||||
this.getGoodsList()
|
this.getGoodsList();
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
@ -369,20 +378,19 @@ export default {
|
|||||||
},
|
},
|
||||||
|
|
||||||
// 弹窗倒计时
|
// 弹窗倒计时
|
||||||
countTime: function () {
|
countTime: function() {
|
||||||
if(this.tipsTime == 0) {
|
if (this.tipsTime == 0) {
|
||||||
this.isTips = false
|
this.isTips = false;
|
||||||
} else {
|
} else {
|
||||||
this.isTips = true
|
this.isTips = true;
|
||||||
this.tipsTime--
|
this.tipsTime--;
|
||||||
}
|
}
|
||||||
setTimeout(this.countTime, 1000)
|
setTimeout(this.countTime, 1000);
|
||||||
},
|
},
|
||||||
closeDownload() {
|
closeDownload() {
|
||||||
this.isDownloadDialog = false
|
this.isDownloadDialog = false;
|
||||||
this.getGoodsList()
|
this.getGoodsList();
|
||||||
|
}
|
||||||
},
|
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
@ -713,7 +721,7 @@ export default {
|
|||||||
left: 18px;
|
left: 18px;
|
||||||
width: 1px;
|
width: 1px;
|
||||||
height: calc(100% - 30px);
|
height: calc(100% - 30px);
|
||||||
background: #3CEEFE;
|
background: #3ceefe;
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
}
|
}
|
||||||
&:last-child {
|
&:last-child {
|
||||||
|
104
src/components/event.vue
Normal file
104
src/components/event.vue
Normal file
File diff suppressed because one or more lines are too long
@ -3,9 +3,9 @@
|
|||||||
<div class="home-header-logo">
|
<div class="home-header-logo">
|
||||||
<img src="@/assets/logo1.png" alt />
|
<img src="@/assets/logo1.png" alt />
|
||||||
</div>
|
</div>
|
||||||
<div class="home-header-tips">
|
<!-- <div class="home-header-tips">
|
||||||
<p>{{ descText }}</p>
|
<p>{{ descText }}</p>
|
||||||
</div>
|
</div> -->
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
Loading…
x
Reference in New Issue
Block a user