|
@@ -1,27 +1,22 @@
|
|
<template>
|
|
<template>
|
|
<div class="page-wrapper" ref="pageWrapperDom" @scroll="pageScroll">
|
|
<div class="page-wrapper" ref="pageWrapperDom" @scroll="pageScroll">
|
|
<template v-if="isLogin && homeVisibility">
|
|
<template v-if="isLogin && homeVisibility">
|
|
- <!-- <div class="nav-bar">
|
|
|
|
- <div class="item left">
|
|
|
|
- <img :src="require('@/assets/svg/icon-denet-logo.svg')" />
|
|
|
|
- DeNet
|
|
|
|
- </div>
|
|
|
|
- <div class="item right" @click="showTransactions">
|
|
|
|
- <img :src="require('@/assets/svg/icon-option-list.svg')" />
|
|
|
|
- Transactions
|
|
|
|
- </div>
|
|
|
|
- </div> -->
|
|
|
|
- <v-head :show_more="true" :show_state="'home'"></v-head>
|
|
|
|
|
|
+ <v-head :show_more="true" :show_state="'home'" :user_info="userInfo"></v-head>
|
|
<div class="content">
|
|
<div class="content">
|
|
- <img :src="require('@/assets/svg/icon-money.svg')" class="icon-money" />
|
|
|
|
- <div class="msg" v-show="walletWithdrawConfig.withdrawUSDPaypalFeeDesc">
|
|
|
|
- ({{ walletWithdrawConfig.withdrawUSDPaypalFeeDesc }})</div>
|
|
|
|
|
|
+ <div class="balance">
|
|
|
|
+ <div class="wallet">
|
|
|
|
+ <img :src="require('@/assets/svg/icon-home-wallet.svg')" />
|
|
|
|
+ <font>Balance Valuation</font>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="bill" @click="showTransactions">
|
|
|
|
+ <img :src="require('@/assets/svg/icon-home-bill.svg')" />
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
<div class="amount">${{ canWithdrawBalance }}</div>
|
|
<div class="amount">${{ canWithdrawBalance }}</div>
|
|
<div class="area-btn">
|
|
<div class="area-btn">
|
|
<div class="withdraw-btn" @click="clickWithdraw">Withdraw</div>
|
|
<div class="withdraw-btn" @click="clickWithdraw">Withdraw</div>
|
|
<div class="top-up-btn" @click="clickTopUp">Deposit</div>
|
|
<div class="top-up-btn" @click="clickTopUp">Deposit</div>
|
|
</div>
|
|
</div>
|
|
-
|
|
|
|
</div>
|
|
</div>
|
|
<div class="tab-bar">
|
|
<div class="tab-bar">
|
|
<div class="tab-item" :class="{ active: currentTabIndex == index }" v-for="(item, index) in tabList"
|
|
<div class="tab-item" :class="{ active: currentTabIndex == index }" v-for="(item, index) in tabList"
|
|
@@ -236,8 +231,16 @@ withdraw_info.paypal.wallet_withdraw_config = walletWithdrawConfig
|
|
let moreTabList = ref([
|
|
let moreTabList = ref([
|
|
{
|
|
{
|
|
icon: require("@/assets/svg/icon-twitter.svg"),
|
|
icon: require("@/assets/svg/icon-twitter.svg"),
|
|
- label: "Twitter contact",
|
|
|
|
|
|
+ label: "Twitter",
|
|
href: 'https://twitter.com/denet2022'
|
|
href: 'https://twitter.com/denet2022'
|
|
|
|
+ }, {
|
|
|
|
+ icon: require("@/assets/svg/icon-discord.svg"),
|
|
|
|
+ label: "Discord",
|
|
|
|
+ href: 'https://discord.gg/wZSz9p8ddG'
|
|
|
|
+ }, {
|
|
|
|
+ icon: require("@/assets/svg/icon-telegram.svg"),
|
|
|
|
+ label: "Telegram",
|
|
|
|
+ href: 'https://t.me/denetpro'
|
|
}
|
|
}
|
|
]);
|
|
]);
|
|
|
|
|
|
@@ -408,11 +411,11 @@ const withdrawBack = () => {
|
|
};
|
|
};
|
|
|
|
|
|
|
|
|
|
-// const showTransactions = () => {
|
|
|
|
|
|
+const showTransactions = () => {
|
|
// // homeVisibility.value = false;
|
|
// // homeVisibility.value = false;
|
|
// // transactionsVisibility.value = true;
|
|
// // transactionsVisibility.value = true;
|
|
-// router.push('/transactions')
|
|
|
|
-// };
|
|
|
|
|
|
+ router.push('/transactions')
|
|
|
|
+};
|
|
|
|
|
|
// const clickWithdraw = () => {
|
|
// const clickWithdraw = () => {
|
|
// if (isRequestWithdrawBalance.value) {
|
|
// if (isRequestWithdrawBalance.value) {
|
|
@@ -525,24 +528,50 @@ body {
|
|
}
|
|
}
|
|
|
|
|
|
.content {
|
|
.content {
|
|
- margin-top: 30px;
|
|
|
|
- text-align: center;
|
|
|
|
|
|
+ padding: 20px;
|
|
|
|
+ background-color: #F0F8FE;
|
|
|
|
|
|
.icon-money {
|
|
.icon-money {
|
|
width: 70px;
|
|
width: 70px;
|
|
height: 70px;
|
|
height: 70px;
|
|
}
|
|
}
|
|
|
|
|
|
|
|
+ .balance {
|
|
|
|
+ display: flex;
|
|
|
|
+ justify-content: space-between;
|
|
|
|
+ .wallet {
|
|
|
|
+ img {
|
|
|
|
+ width: 24px;
|
|
|
|
+ height: 24px;
|
|
|
|
+ margin-right: 6px;
|
|
|
|
+ vertical-align: middle;
|
|
|
|
+ }
|
|
|
|
+ font {
|
|
|
|
+ color: #000;
|
|
|
|
+ font-size: 14px;
|
|
|
|
+ font-weight: bold;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ .bill {
|
|
|
|
+ img {
|
|
|
|
+ width: 24px;
|
|
|
|
+ height: 24px;
|
|
|
|
+ cursor: pointer;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+
|
|
.amount {
|
|
.amount {
|
|
- margin-top: 16px;
|
|
|
|
|
|
+ margin-top: 20px;
|
|
margin-bottom: 20px;
|
|
margin-bottom: 20px;
|
|
font-weight: 700;
|
|
font-weight: 700;
|
|
- font-size: 42px;
|
|
|
|
|
|
+ font-size: 36px;
|
|
|
|
+ line-height: 43px;
|
|
}
|
|
}
|
|
|
|
|
|
.area-btn {
|
|
.area-btn {
|
|
display: flex;
|
|
display: flex;
|
|
- justify-content: center;
|
|
|
|
|
|
+ justify-content: space-between;
|
|
font-weight: 600;
|
|
font-weight: 600;
|
|
font-size: 15px;
|
|
font-size: 15px;
|
|
|
|
|
|
@@ -552,18 +581,18 @@ body {
|
|
color: #fff;
|
|
color: #fff;
|
|
background: #1D9BF0;
|
|
background: #1D9BF0;
|
|
border-radius: 100px;
|
|
border-radius: 100px;
|
|
- width: 110px;
|
|
|
|
|
|
+ width: 165px;
|
|
height: 38px;
|
|
height: 38px;
|
|
|
|
+ text-align: center;
|
|
margin-left: 8px;
|
|
margin-left: 8px;
|
|
line-height: 36px;
|
|
line-height: 36px;
|
|
-
|
|
|
|
}
|
|
}
|
|
|
|
|
|
.withdraw-btn {
|
|
.withdraw-btn {
|
|
background: rgba(56, 154, 255, 0.01);
|
|
background: rgba(56, 154, 255, 0.01);
|
|
border: 1px solid #1D9BF0;
|
|
border: 1px solid #1D9BF0;
|
|
box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
- width: 110px;
|
|
|
|
|
|
+ width: 165px;
|
|
font-size: 15px;
|
|
font-size: 15px;
|
|
height: 38px;
|
|
height: 38px;
|
|
text-align: center;
|
|
text-align: center;
|
|
@@ -585,7 +614,6 @@ body {
|
|
.tab-bar {
|
|
.tab-bar {
|
|
display: flex;
|
|
display: flex;
|
|
align-items: center;
|
|
align-items: center;
|
|
- margin-top: 25px;
|
|
|
|
position: sticky;
|
|
position: sticky;
|
|
position: -webkit-sticky;
|
|
position: -webkit-sticky;
|
|
top: 0px;
|
|
top: 0px;
|
|
@@ -599,7 +627,7 @@ body {
|
|
justify-content: center;
|
|
justify-content: center;
|
|
padding: 17px 0;
|
|
padding: 17px 0;
|
|
box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
- border-bottom: 1px solid #d1d1d1;
|
|
|
|
|
|
+ border-bottom: 1px solid #ECECEC;
|
|
cursor: pointer;
|
|
cursor: pointer;
|
|
|
|
|
|
.icon {
|
|
.icon {
|
|
@@ -770,7 +798,7 @@ body {
|
|
display: flex;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
align-items: center;
|
|
- border-bottom: 1px solid #d1d1d1;
|
|
|
|
|
|
+ border-bottom: 1px solid #ECECEC;
|
|
box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
padding-right: 16px;
|
|
padding-right: 16px;
|
|
|
|
|