From e9fcfc26a37a207f74372483fd93efedd89dc85e Mon Sep 17 00:00:00 2001
From: lxf <1371462558@qq.com>
Date: Fri, 23 May 2025 16:48:23 +0800
Subject: [PATCH] style
---
src/views/forex/agreement.vue | 375 ++++++++
src/assets/forexImages/bg-ebcf394f.png | 0
src/views/my/index.vue | 20
src/router/forex.js | 42 +
src/views/forex/termsOfService.vue | 361 ++++++++
src/views/login/index.vue | 23
src/components/layout/headerMenuItem.vue | 9
src/views/forex/customerService.vue | 75 +
src/components/layout/commonHeader.vue | 159 +++
src/views/forex/about.vue | 93 ++
src/components/layout/footerView.vue | 32
src/i18n/cht/user.js | 2
src/router/usStocks.js | 1
src/assets/forexImages/online-banner-c5baa5d5.png | 0
src/i18n/en/user.js | 3
src/views/forex/helpCenter.vue | 636 +++++++++++++++
src/assets/forexImages/online-1-d61bee88.png | 0
src/assets/forexImages/center-000cd06e.png | 0
src/views/wallet/components/optionRecord.vue | 296 +++++++
src/views/login/register.vue | 2
src/App.vue | 1
src/router/my.js | 19
src/views/my/center.vue | 337 ++++++++
23 files changed, 2,423 insertions(+), 63 deletions(-)
diff --git a/src/App.vue b/src/App.vue
index 23dbe9f..2a354df 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -144,6 +144,7 @@
#app {
min-height: 100vh;
overflow-x: hidden;
+ background-color: #000;
}
body {
margin: 0;
diff --git a/src/assets/forexImages/bg-ebcf394f.png b/src/assets/forexImages/bg-ebcf394f.png
new file mode 100644
index 0000000..2501c8b
--- /dev/null
+++ b/src/assets/forexImages/bg-ebcf394f.png
Binary files differ
diff --git a/src/assets/forexImages/center-000cd06e.png b/src/assets/forexImages/center-000cd06e.png
new file mode 100644
index 0000000..e0dc769
--- /dev/null
+++ b/src/assets/forexImages/center-000cd06e.png
Binary files differ
diff --git a/src/assets/forexImages/online-1-d61bee88.png b/src/assets/forexImages/online-1-d61bee88.png
new file mode 100644
index 0000000..d418dbd
--- /dev/null
+++ b/src/assets/forexImages/online-1-d61bee88.png
Binary files differ
diff --git a/src/assets/forexImages/online-banner-c5baa5d5.png b/src/assets/forexImages/online-banner-c5baa5d5.png
new file mode 100644
index 0000000..104b0dc
--- /dev/null
+++ b/src/assets/forexImages/online-banner-c5baa5d5.png
Binary files differ
diff --git a/src/components/layout/commonHeader.vue b/src/components/layout/commonHeader.vue
index 7ae9715..81f46fc 100644
--- a/src/components/layout/commonHeader.vue
+++ b/src/components/layout/commonHeader.vue
@@ -23,24 +23,80 @@
</menu-item>
</div>
<!-- 登录前的右边菜单，在登录页面用到-->
- <div class="right-page-header-pre-login" v-if="!existToken">
- <div @click="goRouter('/login')">{{ $t("message.home.denglu") }}</div>
- <div class="child-menu-btn" @click="goRouter('/register')">
+ <div
+ class="right-page-header-pre-login right-page-header"
+ v-if="!existToken"
+ >
+ <div @click="goRouter('/login')" class="btn">
+ {{ $t("message.home.denglu") }}
+ </div>
+ <div class="btn register" @click="goRouter('/register')">
{{ $t("message.home.zhuce") }}
</div>
- <img
+ <i
@click="goApp()"
- src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAApCAMAAACfvvDEAAAAAXNSR0IArs4c6QAAAF1QTFRFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAuQcU8AAAAB50Uk5TAAEQESBBT1BfYG9wcX+Ajo+Qnp+vvr/Oz97f7u/+OkswXgAAAMVJREFUOMvt1c0OgjAQBOBpRXFFxh8EQWnf/zE9mEAhdKkHEw/OsfmS3W7SLfALkab3i2n2U1j5eE4hLL0WjtCq0D/tIHNdOhkkdRmUn8k2bxNlMT+ISvnLb8iHJm+Wg+R4vCAJ8C0dYc5adQHoBXQlDPU+BaCAExi5EQGLbAJjdycAmCJlSgQgafOkkcTJBzNfkwkvrr4GqTpFZpMVtFHkcRvm8nGfrhxX4orcjRus12XQPhOLA6hdHNaz7X13y+kOX/wzXhVNdrraQcPPAAAAAElFTkSuQmCC"
- alt=""
- class="child-menu-img"
- style="margin-left: 38px"
- />
- <!-- <div @click="goApp()">{{ $t("message.home.xiazai") }}</div>-->
- <img
+ data-v-7747fbf3=""
+ class="el-icon Icon"
+ style="font-size: 24px; --color: #fff"
+ ><svg
+ data-v-7747fbf3=""
+ xmlns="http://www.w3.org/2000/svg"
+ viewBox="0 0 1024 1024"
+ >
+ <path
+ fill="currentColor"
+ d="M160 832h704a32 32 0 1 1 0 64H160a32 32 0 1 1 0-64m384-253.696 236.288-236.352 45.248 45.248L508.8 704 192 387.2l45.248-45.248L480 584.704V128h64z"
+ ></path>
+ </svg>
+ <div
+ data-v-7747fbf3=""
+ class="list downloadList"
+ style="display: none"
+ >
+ <i
+ data-v-7747fbf3=""
+ class="el-icon list_Icon"
+ style="font-size: 20px; --color: #fff"
+ ><svg
+ data-v-7747fbf3=""
+ xmlns="http://www.w3.org/2000/svg"
+ viewBox="0 0 1024 1024"
+ >
+ <path
+ fill="currentColor"
+ d="M512 320 192 704h639.936z"
+ ></path>
+ </svg>
+ </i>
+ <div data-v-7747fbf3="" class="content">
+ <canvas
+ data-v-7747fbf3=""
+ width="200"
+ height="200"
+ style="width: 100px; height: 100px"
+ ></canvas
+ ><span data-v-7747fbf3="" class="more">More</span>
+ </div>
+ </div>
+ </i>
+
+ <i
@click="handleChangeLang('lang')"
- src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAApCAMAAACfvvDEAAAAAXNSR0IArs4c6QAAAHJQTFRFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAmuLzngAAACV0Uk5TAAEQESAwP0BBT1BRXl9gYW9wcX+Ajo+en6Cvvr/Oz93e3+7v/pZTn78AAAGJSURBVDjLzZTbUoMwFEU3GAxWS4utBZVWaLP+/xd9SGhCRRxnfHA/nZA1nHukfybb0RkpX2Ly3UlaATiru64133IX1jIDAOdcJbzM/tgOMEiveDXKOuiLr+AWYC0TQFyuZ8DVt+AOAKP9SLLXHYDbTcEVAJ00XMleWQfg1iloLgDU0Tk4o2efXFqCk7+0qhKyVumt9wiO99JbJGl8oBP/IbjT9edjoOHiGMMMilY45lfrt2qDrIo2lZENVuPBYgysCmUdk6+0iRWLVb8tErhKj6P5IEmqI1nfkGWsraTYapt03Xe+jOYS6RJyt+x9G71vJ72cyaicZmRilabkw/Xswug3QVamSVXIjubv25kFRevmODN1QxLnUdlpnL+vk/yakG/KQj5P0f27/1SkBY3l/EgCLc4zG1eEjXOTQa4Xtng7TX8PcMmTzh/mXwZp74BaebLum1lQWvXQSW0AG2UDrr+fq79pHVbGJ9cbbXCH755b03ZS5fx0ZMfD4vbm0qp3x3v98Hz/jT4BmyVmQK6IMAEAAAAASUVORK5CYII="
- class="child-menu-img"
- />
+ data-v-7747fbf3=""
+ class="el-icon Icon languageIcon"
+ style="font-size: 24px; --color: #fff"
+ >
+ <svg
+ data-v-7747fbf3=""
+ xmlns="http://www.w3.org/2000/svg"
+ viewBox="0 0 1024 1024"
+ >
+ <path
+ fill="currentColor"
+ d="M778.752 788.224a382.464 382.464 0 0 0 116.032-245.632 256.512 256.512 0 0 0-241.728-13.952 762.88 762.88 0 0 1 125.696 259.584zm-55.04 44.224a699.648 699.648 0 0 0-125.056-269.632 256.128 256.128 0 0 0-56.064 331.968 382.72 382.72 0 0 0 181.12-62.336m-254.08 61.248A320.128 320.128 0 0 1 557.76 513.6a715.84 715.84 0 0 0-48.192-48.128 320.128 320.128 0 0 1-379.264 88.384 382.4 382.4 0 0 0 110.144 229.696 382.4 382.4 0 0 0 229.184 110.08zM129.28 481.088a256.128 256.128 0 0 0 331.072-56.448 699.648 699.648 0 0 0-268.8-124.352 382.656 382.656 0 0 0-62.272 180.8m106.56-235.84a762.88 762.88 0 0 1 258.688 125.056 256.512 256.512 0 0 0-13.44-241.088A382.464 382.464 0 0 0 235.84 245.248zm318.08-114.944c40.576 89.536 37.76 193.92-8.448 281.344a779.84 779.84 0 0 1 66.176 66.112 320.832 320.832 0 0 1 282.112-8.128 382.4 382.4 0 0 0-110.144-229.12 382.4 382.4 0 0 0-229.632-110.208zM828.8 828.8a448 448 0 1 1-633.6-633.6 448 448 0 0 1 633.6 633.6"
+ ></path>
+ </svg>
+ </i>
<!-- <div @click="handleChangeLang('lang')">-->
<!-- {{ $t("message.home.language") }}-->
<!-- </div>-->
@@ -110,8 +166,9 @@
<path
fill="currentColor"
d="M512 320 192 704h639.936z"
- ></path></svg
- ></i>
+ ></path>
+ </svg>
+ </i>
<div data-v-7747fbf3="" class="content">
<canvas
data-v-7747fbf3=""
@@ -121,8 +178,8 @@
></canvas
><span data-v-7747fbf3="" class="more">More</span>
</div>
- </div></i
- >
+ </div>
+ </i>
<i
@click="handleChangeLang('lang')"
@@ -215,6 +272,7 @@
title: "hangqing", //市场
url: "/market",
},
+
// {
// title: "meigu", // 美股 = 美股交易 永续合约 交割合约
// menuList: [
@@ -414,27 +472,42 @@
{
urlPath: "/my/security",
title: "zhanghuanquan",
- iconPath: getImages("headIcon/personal-menu/account-security.png"),
- },
- // {
- // urlPath: "/my/universal",
- // title: "tongyong",
- // iconPath: getImages("headIcon/personal-menu/universal.png"),
- // },
- {
- urlPath: "/my/helpCenter",
- title: "bangzhuzhongxin",
- iconPath: getImages("headIcon/personal-menu/help-center.png"),
+ // iconPath: getImages("headIcon/personal-menu/account-security.png"),
},
{
- urlPath: "/my/announcement",
- title: "gonggaozhongxin",
- iconPath: getImages("headIcon/personal-menu/notice.png"),
+ urlPath: "/recharge",
+ title: "chongzhi",
+ // iconPath: getImages("headIcon/personal-menu/account-security.png"),
+ },
+ {
+ urlPath: "/withdraw",
+ title: "tixian",
+ },
+
+ {
+ urlPath: "/wallet/spot",
+ title: "zijinguanli",
+ },
+
+ {
+ urlPath: "/order/coinOrder",
+ title: "jiaoyiguanli",
+ // iconPath: getImages("headIcon/personal-menu/help-center.png"),
+ },
+ {
+ urlPath: "/pledgeRecord",
+ title: "staking",
+ // iconPath: getImages("headIcon/personal-menu/notice.png"),
+ },
+ {
+ urlPath: "/optionRecord", // order/coinOrder 合约历史
+ title: "heyue",
+ // iconPath: getImages("headIcon/personal-menu/quit.png"),
},
{
urlPath: "/loginOut",
title: "tuichu",
- iconPath: getImages("headIcon/personal-menu/quit.png"),
+ // iconPath: getImages("headIcon/personal-menu/quit.png"),
},
],
},
@@ -666,4 +739,24 @@
opacity: 1;
margin-top: 9px;
}
+.right-page-header-pre-login {
+ .btn {
+ width: 120px;
+ height: 40px;
+ line-height: 40px;
+ text-align: center;
+ border: 1px solid #fff;
+ border-radius: 9999px;
+ font-size: 14px;
+ font-weight: 700;
+ color: #fff;
+ background: #000;
+ cursor: pointer;
+ }
+ .btn.register {
+ background-color: #f7b328;
+ border-color: transparent;
+ margin-left: 24px;
+ }
+}
</style>
diff --git a/src/components/layout/footerView.vue b/src/components/layout/footerView.vue
index b5b6fd4..a461c7c 100644
--- a/src/components/layout/footerView.vue
+++ b/src/components/layout/footerView.vue
@@ -13,16 +13,38 @@
<div class="footer_list">
<h1 class="about">關於</h1>
<ul>
- <li><a href="javascript:void(0)">關於我們</a></li>
- <li><a href="javascript:void(0)">服務條款</a></li>
- <li><a href="javascript:void(0)">合作協議</a></li>
+ <li>
+ <a href="javascript:void(0)" @click="goRouter('/about')"
+ >關於我們</a
+ >
+ </li>
+ <li>
+ <a href="javascript:void(0)" @click="goRouter('/termsOfService')"
+ >服務條款</a
+ >
+ </li>
+ <li>
+ <a href="javascript:void(0)" @click="goRouter('/agreement')"
+ >合作協議</a
+ >
+ </li>
</ul>
</div>
<div class="footer_list">
<h1 class="about">聯繫我們</h1>
<ul>
- <li><a href="javascript:void(0);">幫助中心</a></li>
- <li><a href="javascript:void(0);">客服中心</a></li>
+ <li>
+ <a href="javascript:void(0);" @click="goRouter('/helpCenter')"
+ >幫助中心</a
+ >
+ </li>
+ <li>
+ <a
+ href="javascript:void(0);"
+ @click="goRouter('/CustomerService')"
+ >客服中心</a
+ >
+ </li>
<li>
<a
href="javascript:void(0);"
diff --git a/src/components/layout/headerMenuItem.vue b/src/components/layout/headerMenuItem.vue
index ccc8df2..8d6a9bd 100644
--- a/src/components/layout/headerMenuItem.vue
+++ b/src/components/layout/headerMenuItem.vue
@@ -14,7 +14,10 @@
@click="gotoPage(url, title)"
>
<span v-if="title !== 'zhanghu'">{{ t(`message.user.${title}`) }}</span>
- <div v-if="title == 'zhanghu'" style="display: flex;align-items: center;float: left;">
+ <div
+ v-if="title == 'zhanghu'"
+ style="display: flex; align-items: center; float: left"
+ >
<img
class="xianhuo-img"
src="@/assets/forexImages/avatar-e57e8e09.png"
@@ -61,13 +64,13 @@
:key="i"
>
<div v-if="isRight">
- <img :src="item.iconPath" class="dropdown-item-right-icon" />
+ <!-- <img :src="item.iconPath" class="dropdown-item-right-icon" /> -->
<p class="dropdown-item-title">
{{ t(`message.user.${item.title}`) }}
</p>
</div>
<div v-else>
- <img :src="item.iconPath" class="dropdown-item-icon" />
+ <!-- <img :src="item.iconPath" class="dropdown-item-icon" /> -->
<p class="dropdown-item-title">
{{ t(`message.home.${item.title}`) }}
</p>
diff --git a/src/i18n/cht/user.js b/src/i18n/cht/user.js
index f0cdbb0..45a08be 100644
--- a/src/i18n/cht/user.js
+++ b/src/i18n/cht/user.js
@@ -91,6 +91,8 @@
sanjiyonghu: "三級用戶",
qianbaozonglan: "錢包總覽",
xianhuozhanghu: "現貨賬戶",
+ zijinguanli: "資金管理",
+ jiaoyiguanli: "交易管理",
heyuezhanghu: "合約賬戶",
licaizhanghu: "理財賬戶",
zongzicanguzhi: "總資產估值",
diff --git a/src/i18n/en/user.js b/src/i18n/en/user.js
index 591f039..5883967 100644
--- a/src/i18n/en/user.js
+++ b/src/i18n/en/user.js
@@ -91,8 +91,11 @@
sanjiyonghu: "Tertiary level user",
qianbaozonglan: "Wallet overview",
xianhuozhanghu: "Spot account",
+ zijinguanli: "Fund management",
heyuezhanghu: "Contract Account",
licaizhanghu: "Financial Account",
+ jiaoyiguanli: "Transaction Management",
+ staking: "Pledge for interest",
zongzicanguzhi: "Total asset valuation",
jinqichongtijilu: "Recent deposit and withdrawal records",
chongzhi: "Recharge",
diff --git a/src/router/forex.js b/src/router/forex.js
index 00cf1d6..507ce45 100644
--- a/src/router/forex.js
+++ b/src/router/forex.js
@@ -759,6 +759,7 @@
"@/views/forex/menu5-educations/learn-forex/what-is-swap-in-forex.vue"
),
},
+
];
const forexRoutes = [
{
@@ -767,6 +768,47 @@
component: () => import("@/views/forex/index.vue"),
children: forexChildrenRoutes,
},
+ {
+ path: "/about",
+ label: "about",
+ meta: {
+ commonHeader: true,
+ },
+ component: () => import("@/views/forex/about.vue"),
+ },
+ {
+ path: "/termsOfService",
+ label: "termsOfService",
+ meta: {
+ commonHeader: true,
+ },
+ component: () => import("@/views/forex/termsOfService.vue"),
+ },
+ {
+ path: "/agreement",
+ label: "agreement",
+ meta: {
+ commonHeader: true,
+ },
+ component: () => import("@/views/forex/agreement.vue"),
+ },
+ {
+ path: "/helpCenter",
+ label: "helpCenter",
+ meta: {
+ commonHeader: true,
+ },
+ component: () => import("@/views/forex/helpCenter.vue"),
+ },
+ {
+ path: "/CustomerService",
+ label: "CustomerService",
+ meta: {
+ commonHeader: true,
+ },
+ component: () => import("@/views/forex/customerService.vue"),
+ },
];
+
export { forexRoutes };
diff --git a/src/router/my.js b/src/router/my.js
index 465cbbb..180dcc8 100644
--- a/src/router/my.js
+++ b/src/router/my.js
@@ -3,15 +3,16 @@
meta: {
commonHeader: true,
},
- path: '/my',name:'my',component:()=>import("@/views/my/index.vue"),
- children: [
- { path: '/my/dashboard',name:'dashboard', component:()=>import("@/views/my/dashboard.vue")},//我的资产
- { path: '/my/security',name:'security', component:()=>import('@/views/my/mysecurity.vue')},//帐户安全
- { path: '/my/payment',name:'payment', component:()=>import('@/views/my/payment.vue')},//收款方式
- { path: '/my/universal', name:'universal',component:()=>import('@/views/my/universal.vue')},//通用
- { path:'/my/helpCenter',name:'helpCenter',component:()=>import("@/views/my/helpCenter.vue")}, //帮助中心
- { path:'/my/announcement',name:'Announcement',component:()=>import("@/views/my/announcement.vue")},//公告中心
- ]
+ path: '/my', name: 'my', component: () => import("@/views/my/index.vue"),
+ children: [
+ { path: '/my/dashboard', name: 'dashboard', component: () => import("@/views/my/dashboard.vue") },//我的资产
+ { path: '/my/security', name: 'security', component: () => import('@/views/my/center.vue') },//帐户安全
+ { path: '/my/payment', name: 'payment', component: () => import('@/views/my/payment.vue') },//收款方式
+ { path: '/optionRecord', name: 'payment', component: () => import('@/views/wallet/components/optionRecord.vue') },//合约
+ { path: '/my/universal', name: 'universal', component: () => import('@/views/my/universal.vue') },//通用
+ { path: '/my/helpCenter', name: 'helpCenter', component: () => import("@/views/my/helpCenter.vue") }, //帮助中心
+ { path: '/my/announcement', name: 'Announcement', component: () => import("@/views/my/announcement.vue") },//公告中心
+ ]
},
];
diff --git a/src/router/usStocks.js b/src/router/usStocks.js
index f84a745..790f7ff 100644
--- a/src/router/usStocks.js
+++ b/src/router/usStocks.js
@@ -15,6 +15,7 @@
},
component: () => import("@/views/usStocks/constract/index.vue"),
},
+
];
export { usStocksRoutes };
diff --git a/src/views/forex/about.vue b/src/views/forex/about.vue
new file mode 100644
index 0000000..11f8c62
--- /dev/null
+++ b/src/views/forex/about.vue
@@ -0,0 +1,93 @@
+<template>
+ <div class="router-view">
+ <div data-v-ff155e67="" class="helpCenter">
+ <div data-v-ff155e67="" class="wrap containner">
+ <div data-v-ff155e67="" class="htmlTemplate">
+ <p><strong>平台簡介</strong></p>
+ <p>
+ Coinmate
+ 是全球領先的數字貨幣資產交易平台，致力於為用戶提供安全、專業、便利的數字貨幣交易服務。
+ </p>
+ <p>
+ 該公司成立於 2014 年，目前總部位於英國。2022
+ 年，經過八年的發展，Coinmate
+ 平台在歐洲取得了巨大成功，在加密貨幣撮合交易領域佔據了 43.17%
+ 的市場份額，也吸引了大量的資本。為了加速全球戰略佈局進程，Coinmate
+ 團隊決定在北美設立第二總部。2022
+ 年底，在美國正式成立！同年，Coinmate 向美國金融部門申請並獲得了
+ Fincen Msb
+ 牌照，這也代表著在安全、合規、穩定的基礎上又向前邁進了一步。
+ </p>
+ <p>
+ 美國 MSB 牌照是由
+ FINCEN（美國財政部下屬金融犯罪執法機構）監管頒發的金融牌照。美國財政部和證監會明確強調，在美國從事數字資產等相關業務的公司必須向
+ FINCEN 註冊獲得 MSB
+ 牌照，即必須持牌運營，並必須遵守反洗錢和反恐融資法規。
+ </p>
+ <p>
+ 同時，從用戶角度出發，憑借對區塊鏈領域的深刻理解，為全球用戶精選優質幣種，引領區塊鏈技術潮流。核心團隊匯集了資深技術工程師、全球區塊鏈研究專家、國際化營運團隊、國際一流風控專家等業界頂尖人才，採用全球領先的加密技術。
+ </p>
+ <p>
+ 自主研發的集群內存撮合系統整合多幣種、支援多語言，致力於為全球用戶提供更安全、更穩定、更便利的數字資產交易。
+ </p>
+ <p>
+ Coinmate
+ 國際數字資產交易服務平台，專注於數字資產交易服務，提供專業的交易功能、智能交易智能撮合、多方委託下單、便捷交易、資金託管、輕鬆管理帳戶。同時與業界大大小小的數字貨幣交易所聯繫合作，互通訊息，實現覆蓋全球的數字資產共同概念。
+ </p>
+ <p>
+ 便捷流暢的使用者體驗 Coinmate
+ 精心雕琢使用者的使用習慣，以體驗至上的原則進行全流程設計。系統提供
+ 7-24 小時不間斷的交易服務。系統級安全保護。 Coinmate
+ 深耕數字貨幣產業，累積了大量的數字貨幣產業。優秀的研發人員致力於為使用者提供頂級的系統級安全。
+ Coinmate
+ 是一個全球用戶的貨幣交易場所，服務全球用戶，不斷推出各國的數字貨幣，為用戶提供全球交易服務。豐富的數字貨幣市場提供優質、品種齊全的數字貨幣，為用戶提供便利、流暢的體驗。
+ </p>
+ <p>
+ 在
+ Coinmate，我們的願景是每個錢包都擁有加密貨幣。我們希望通過讓每個人盡可能輕鬆且易於使用加密貨幣來實現這一目標。
+ </p>
+ <p>
+ Coinmate 加密貨幣平台擁有超過 24,000 名每日活躍交易者，提供超過 180
+ 個交易對，支持交換 Coinmate 代幣並以 6
+ 種以上法定貨幣進行操作，日均交易量超過 2 億美元。
+ </p>
+ </div>
+ </div>
+ </div>
+ </div>
+ <footerView></footerView>
+</template>
+
+<script>
+export default {
+ data: () => ({}),
+};
+</script>
+
+<style scoped>
+.router-view {
+ flex: 1;
+ background-color: #000;
+}
+
+.helpCenter {
+ padding: 30px 0;
+}
+
+.wrap {
+ min-width: 100%;
+ max-width: 100%;
+ box-sizing: border-box;
+ padding: 0 12px;
+ margin: 0 auto;
+}
+
+.htmlTemplate[data-v-ff155e67] {
+ width: 70%;
+ margin: 0 auto;
+ padding: 30px;
+ box-sizing: border-box;
+ color: #6d6d6d;
+ background-color: #212121;
+}
+</style>
diff --git a/src/views/forex/agreement.vue b/src/views/forex/agreement.vue
new file mode 100644
index 0000000..431279d
--- /dev/null
+++ b/src/views/forex/agreement.vue
@@ -0,0 +1,375 @@
+<template>
+ <div class="router-view">
+ <div data-v-03877693="" class="helpCenter">
+ <div data-v-03877693="" class="wrap containner">
+ <div data-v-03877693="" class="htmlTemplate">
+ <p>
+ <b
+ >Coinmate交易所是英國集團共同創辦的公司，經營一個網站 https://www.coinmatecrypto.co（以下簡稱「本網站」或「網站」），該網站是用戶進行數位資產交易的平台，並提供相關服務（以下簡稱「本服務」或「服務」）。為了本協議表述之方便，本公司及本網站在本協議中統稱為「我們」或其他第一人稱名稱。只要登入本網站的自然人或其他主體均為本網站的用戶，本協議中的便利性均以「您」或其他第二人稱表示。為了本協議表述之方便，我們和您在本協議中統稱為「雙方」，我們或您單獨稱為「一方」。為了方便用戶，本網站的所有內容可能以多種語言提供。如有衝突或遺漏，以英文內容為準。</b
+ ><b></b>
+ </p>
+ <p><b> </b></p>
+ <p><b>重要的：</b><b></b></p>
+ <p><b> </b></p>
+ <p><b>我們在此提醒您：</b><b></b></p>
+ <p><b> </b></p>
+ <p>
+ <b>數位資產本身並非由任何金融機構或公司或本網站發行；</b><b></b>
+ </p>
+ <p><b> </b></p>
+ <p><b>數位資產市場是新的、未經證實的，可能不會成長；</b><b></b></p>
+ <p><b> </b></p>
+ <p>
+ <b
+ >數位資產主要由投機者使用，零售和商業市場使用相對較少。數位資產的交易風險極大，全天交易，無漲跌幅限制，價格容易因銀行家和全球政府政策的影響而出現較大波動；</b
+ ><b></b>
+ </p>
+ <p><b> </b></p>
+ <p>
+ <b
+ >若本公司單方面判斷認為您違反了本協議，或根據您所在司法管轄區的法律，本網站提供的服務或您使用本網站提供的服務屬於違法行為，本公司有權隨時暫停或終止您的帳戶，或暫停或終止您使用本網站提供的服務或數位資產交易。數位資產交易風險極大，不適合多數人。您知道並了解此項投資可能會造成部分或全部損失，因此您應根據您能承受的損失程度來決定投資金額。您知曉並了解數位資產會產生衍生風險，因此如有任何疑問，建議先尋求財務顧問的協助。此外，除了上述風險外，還存在不可預測的風險。您應仔細考慮並運用清晰的判斷評估您的財務狀況和上述風險來做出任何買賣數位資產的決定，並承擔由此產生的一切損失。我們對此不承擔任何責任。</b
+ ><b></b>
+ </p>
+ <p><b> </b></p>
+ <p><b>請注意：</b><b></b></p>
+ <p><b> </b></p>
+ <p>
+ <b
+ >您了解本網站僅作為您取得數位資產資訊、尋找交易方、就數位資產交易進行協商、進行交易的場所。本網站不參與您的任何交易，因此您應謹慎判斷和確定相關數位資產或資訊的真實性、合法性和有效性，並承擔由此產生的責任和損失。</b
+ ><b></b>
+ </p>
+ <p><b> </b></p>
+ <p>
+ <b
+ >本網站上的任何觀點、新聞、討論、分析、價格、建議等資訊均為一般市場評論，不構成投資建議。我們不會承擔因依賴該資訊而直接或間接造成的任何損失，包括但不限於任何利潤損失。</b
+ ><b></b>
+ </p>
+ <p><b> </b></p>
+ <p>
+ <b
+ >本網站的內容將隨時更改，恕不另行通知。我們已採取合理措施確保網站資訊的準確性，但我們無法保證其準確性，也不承擔因本網站資訊或因連接網路、傳輸延遲或失敗而產生的任何直接或間接損失。</b
+ ><b></b>
+ </p>
+ <p><b> </b></p>
+ <p>
+ <b
+ >網路形式的交易系統也存在風險，包括但不限於軟體、硬體和網路連線的故障。由於我們無法控製網路的可靠性和可用性，因此我們對失真、延遲和連線失敗不承擔任何責任。</b
+ ><b></b>
+ </p>
+ <p><b> </b></p>
+ <p>
+ <b
+ >https://www.coinmatecrypto.co 是本網站唯一對外發布資訊的官方平台；</b
+ ><b></b>
+ </p>
+ <p><b> </b></p>
+ <p><b>本網站的任何服務均不接受信用卡付款；</b><b></b></p>
+ <p><b> </b></p>
+ <p>
+ <b
+ >禁止利用本網站從事洗錢、走私、商業賄賂及其他非法交易或違法行為。如發現涉嫌非法交易或違法行為，本網站將採取各種可用手段，包括但不限於凍結帳戶、通知相關部門等，我們不承擔由此產生的一切責任，並保留追究相關人員責任的權利。</b
+ ><b></b>
+ </p>
+ <p><b> </b></p>
+ <p>
+ <b
+ >禁止利用本網站進行任何不道德的行為，如惡意操縱市場、不當交易等行為。如發現此類事件，本網站將採取警告、限制交易、關閉帳戶等預防性保護措施。對於其他惡意操縱價格、惡意影響交易系統等不道德行為，我們不承擔由此產生的一切責任，並保留追究相關人員責任的權利。</b
+ ><b></b>
+ </p>
+ <p><b> </b></p>
+ <p><b>1. 一般</b><b></b></p>
+ <p><b> </b></p>
+ <p>
+ <b
+ >1.1
+ 《使用者協議》（以下簡稱「本協議」或「本條款與條件」）由文字、隱私權條款、了解您的客戶和反洗錢政策以及各種規定、聲明、說明等組成，已在本網站上發布或將來可能會在本網站上發布。</b
+ ><b></b>
+ </p>
+ <p><b> </b></p>
+ <p>
+ <b
+ >1.2
+ 在使用本網站提供的服務之前，您應仔細閱讀本協議。如果您有不明白或其他需要幫助的地方，請諮詢專業律師。如果您不同意本協議和本協議的隨時修改，請立即停止使用本網站提供的服務或不再登入本網站。一旦您登入本網站、使用本網站任何服務或進行任何其他類似行為，即表示您已了解並完全同意本協議的內容，包括本網站隨時對本協議所做的任何修改。</b
+ ><b></b>
+ </p>
+ <p><b> </b></p>
+ <p>
+ <b
+ >1.3
+ 您依本網站要求填寫相關資訊並辦理其他相關手續成功註冊即可成為本網站會員（以下簡稱「會員」）。註冊過程中點擊「同意」按鈕，即表示您已與本公司以電子簽名的形式達成協議；或當您在使用本網站的過程中點擊任何標有「同意」或類似含義的按鈕或以本網站允許的其他方式實際使用本網站提供的服務時，即表示您充分了解、同意並接受本協議項下的所有條款。未經您手寫書面簽名，本協議對您不產生法律約束力。</b
+ ><b></b>
+ </p>
+ <p><b> </b></p>
+ <p>
+ <b
+ >1.4
+ 您成為本網站會員後，您將獲得一個會員帳號及相應的密碼，由會員自行保管；會員應對以其帳戶進行的所有活動和事件承擔法律責任。</b
+ ><b></b>
+ </p>
+ <p><b> </b></p>
+ <p>
+ <b
+ >1.5
+ 只有本網站會員才能使用本網站提供的數位資產交易平台進行交易並享有本網站規定的只有會員才能獲得的其他服務；除會員外，您只能存取本網站規定的其他服務。</b
+ ><b></b>
+ </p>
+ <p><b> </b></p>
+ <p>
+ <b
+ >1.6
+ 透過註冊和使用本網站提供的任何服務和功能，您將被視為已閱讀並理解：</b
+ ><b></b>
+ </p>
+ <p><b> </b></p>
+ <p><b>1.6.1 接受本協議的所有條款和條件。</b><b></b></p>
+ <p><b> </b></p>
+ <p>
+ <b
+ >1.6.2
+ 您確認您已年滿16歲或依不同適用法律達到簽訂合約的法定年齡。您在本網站上的註冊、銷售或購買、發布資訊等接受本網站服務的行為應遵守對您有管轄權的主權國家或地區的相關法律法規，並有足夠的能力接受這些條款，進行交易，並使用本網站進行數位資產交易。</b
+ ><b></b>
+ </p>
+ <p><b> </b></p>
+ <p>
+ <b>1.6.3 您保證您參與交易的數位資產是合法取得並擁有的。</b><b></b>
+ </p>
+ <p><b> </b></p>
+ <p>
+ <b
+ >1.6.4
+ 您同意對您自己的交易或非交易活動以及任何收益或損失承擔全部責任。</b
+ ><b></b>
+ </p>
+ <p><b> </b></p>
+ <p><b>1.6.5 您確認註冊時提供的資訊真實、準確。</b><b></b></p>
+ <p><b> </b></p>
+ <p>
+ <b
+ >1.6.6
+ 您同意遵守任何相關法律的規定，包括出於納稅目的報告任何交易利潤。</b
+ ><b></b>
+ </p>
+ <p><b> </b></p>
+ <p>
+ <b
+ >1.6.7
+ 您同意在任何時候都不從事或參與任何損害本網站或本公司利益的行為或活動，無論是否與本網站提供的服務有關。</b
+ ><b></b>
+ </p>
+ <p><b> </b></p>
+ <p>
+ <b
+ >1.6.8
+ 本協議僅限制您與我們之間的權利義務，不涉及本站用戶與其他網站以及您之間因數位資產交易而產生的法律關係及法律糾紛。</b
+ ><b></b>
+ </p>
+ <p><b> </b></p>
+ <p><b>2、協議的修改</b><b></b></p>
+ <p><b> </b></p>
+ <p>
+ <b
+ >我們保留不時修改本協議、以網站公示的方式進行公告的權利，不再單獨通知您。變更後的協議將在本協議首頁標註變更時間，並在網站公示後自動生效。您應不時查看並關注本協議的更新時間及內容。若您不同意相關變更，應立即停止使用本站服務；透過繼續使用本網站的服務，您接受並同意受修訂後的協議的約束。</b
+ ><b></b>
+ </p>
+ <p><b> </b></p>
+ <p><b>3、 註冊</b><b></b></p>
+ <p><b> </b></p>
+ <p><b>3.1 註冊資格</b><b></b></p>
+ <p><b> </b></p>
+ <p>
+ <b
+ >您承認並承諾，當您完成註冊程序或以本網站允許的其他方式實際使用本網站提供的服務時，您應是有能力簽署本協議並使用本網站服務的自然人、法人或其他組織，並符合適用法律的要求。一旦您點選「同意註冊」按鈕，即表示您或您的授權代理人已同意本協議內容並由其代理人註冊並使用本站服務。若您不具備上述主體資格，您及您的授權代理人應承擔由此產生的一切後果，且本公司保留註銷或永久凍結您的帳戶，並向您及您的授權代理人追究責任的權利。</b
+ ><b></b>
+ </p>
+ <p><b> </b></p>
+ <p><b>3.2 註冊目的</b><b></b></p>
+ <p><b> </b></p>
+ <p>
+ <b
+ >您確認並承諾，您註冊本站不以違反法律法規或擾亂本站數位資產交易秩序為目的。</b
+ ><b></b>
+ </p>
+ <p><b> </b></p>
+ <p><b>3.3 註冊流程</b><b></b></p>
+ <p><b> </b></p>
+ <p>
+ <b
+ >3.3.1
+ 您同意依照本網站使用者註冊頁面的要求提供有效的電子郵件地址、手機號碼等資訊。您可以使用您提供或確認的電子郵件地址、手機號碼或本網站允許的其他方式作為登入方式進入本網站。如有必要，根據不同司法管轄區的相關法律法規，您必須提供您的真實姓名、身份證件等法律法規以及隱私條款和反洗錢條款中規定的相關信息，並不斷更新登記數據以滿足及時、詳細、準確的要求。所有最初輸入的資料將被引用為註冊資料。您應對該等資訊的真實性、完整性和準確性負責，並承擔由此產生的任何直接或間接損失及不利後果。</b
+ ><b></b>
+ </p>
+ <p><b> </b></p>
+ <p>
+ <b
+ >3.3.2
+ 若您所在主權國家或地區的法律、法規、規則、命令等規範對手機號碼有實名要求，您同意您提供的註冊時使用的手機號碼已實名註冊。若您未依規定提供，您應承擔由此產生的任何直接或間接損失及不利後果。</b
+ ><b></b>
+ </p>
+ <p><b> </b></p>
+ <p>
+ <b
+ >3.3.3
+ 您合法、完整、有效地提供註冊所需信息，經核實後有權獲得本網站帳號和密碼。當您取得本站帳號及密碼時，即視為您註冊成功，您可會員身分登入本站。</b
+ ><b></b>
+ </p>
+ <p><b> </b></p>
+ <p>
+ <b
+ >3.3.4
+ 您同意接收本網站發送的與本網站管理和營運相關的電子郵件和/或簡訊。</b
+ ><b></b>
+ </p>
+ <p><b> </b></p>
+ <p><b>4、服務</b><b></b></p>
+ <p><b> </b></p>
+ <p>
+ <b
+ >本站僅為您透過本站進行數位資產交易活動（包括但不限於數位資產交易等服務）提供線上交易平台服務，本站不作為買方或賣方參與買賣數位資產；本站不提供任何國家法幣儲值相關服務。</b
+ ><b></b>
+ </p>
+ <p><b> </b></p>
+ <p><b>4.1 服務內容</b><b></b></p>
+ <p><b> </b></p>
+ <p>
+ <b
+ >·4.1.1
+ 您有權在本網站瀏覽數位資產各類產品的即時行情及交易信息，並透過本網站提交數位資產交易指示並完成數位資產交易。</b
+ ><b></b>
+ </p>
+ <p><b> </b></p>
+ <p>
+ <b
+ >·4.1.2
+ 您有權在本網站查看本網站會員帳戶下的信息，並有權使用本網站提供的功能進行操作。</b
+ ><b></b>
+ </p>
+ <p><b> </b></p>
+ <p>
+ <b
+ >·4.1.3
+ 您有權依照本網站所公佈的活動規則參加本網站所舉辦的網站活動。</b
+ ><b></b>
+ </p>
+ <p><b> </b></p>
+ <p><b>·4.1.4 我們承諾為您提供的其他服務。</b><b></b></p>
+ <p><b> </b></p>
+ <p><b>4.2 服務規則</b><b></b></p>
+ <p><b> </b></p>
+ <p><b>您承諾遵守以下本網站服務規則：</b><b></b></p>
+ <p><b> </b></p>
+ <p>
+ <b
+ >·4.2.1
+ 您應遵守法律法規的規定和政策要求，保證您帳戶中所有數位資產的合法性。您不得在本網站或利用本網站的服務從事非法或其他損害本網站或第三方權益的活動，例如發送或接收任何非法、違法、侵權信息，發送或接收傳銷等材料或其他有害信息或言論，未經本站授權使用或偽造本站電子郵件標題資訊。</b
+ ><b></b>
+ </p>
+ <p><b> </b></p>
+ <p>
+ <b
+ >·4.2.2
+ 您應遵守法令，正確使用並保管您的帳戶、登入密碼、資金密碼、註冊時綁定的郵箱、接收驗證碼的郵箱的安全。您應對使用您的帳戶進行的任何操作及後果承擔全部責任。當您發現本站帳戶、登入密碼或資金密碼、驗證碼被未經授權的第三方使用，或有其他帳戶安全問題時，您應立即有效通知本站並向本站申請暫停帳戶的服務。本站有權在合理時間內對您的請求採取行動，但本站對採取行動之前已經發生的後果（包括但不限於您的任何損失）不承擔任何責任。未經本站同意，您不得將本站帳戶贈與、借用、出租、轉讓或以其他方式處分給他人。</b
+ ><b></b>
+ </p>
+ <p><b> </b></p>
+ <p>
+ <b
+ >·4.2.3
+ 您同意您對您的帳戶和密碼下發生的所有活動（包括但不限於資訊揭露、資訊發布、網路點擊同意或提交各類規則協議、網路續約協議或購買服務）負責。</b
+ ><b></b>
+ </p>
+ <p><b> </b></p>
+ <p>
+ <b
+ >·4.2.4
+ 當您在本網站進行數位資產交易時，不得惡意幹擾數位資產交易的正常進行或擾亂交易秩序；不得以任何技術手段或其他方式乾擾本網站的正常運作或其他使用者使用本網站的服務；不得以捏造事實的方式惡意誹謗本站商譽。</b
+ ><b></b>
+ </p>
+ <p><b> </b></p>
+ <p>
+ <b
+ >·4.2.5
+ 若您因網路交易與其他使用者發生糾紛，您不得透過司法或行政手段以外的任何方式要求本網站提供相關資料。</b
+ ><b></b>
+ </p>
+ <p><b> </b></p>
+ <p>
+ <b
+ >·4.2.6
+ 在使用本網站提供的服務過程中，您應自行判斷並承擔應繳納的稅費，以及硬體、軟體、服務等方面的一切費用。</b
+ ><b></b>
+ </p>
+ <p><b> </b></p>
+ <p>
+ <b
+ >·4.2.7
+ 您應遵守本協議及本網站不時公佈、更新的其他服務條款及操作規則，並有權隨時終止使用本網站提供的服務。</b
+ ><b></b>
+ </p>
+ <p><b> </b></p>
+ <p><b>4.3 產品規則</b><b></b></p>
+ <p><b> </b></p>
+ <p>
+ <b
+ >4.3.1 交易產品規則
+ 您承諾在進入本網站進行交易以及透過本網站與其他使用者進行交易時，請遵守以下交易規則。</b
+ ><b></b>
+ </p>
+ <p><b> </b></p>
+ <p><b>4.3.1.1 查看交易信息</b><b></b></p>
+ <p><b> </b></p>
+ <p>
+ <b
+ >當您瀏覽本網站交易資訊時，您應仔細閱讀交易資訊中所包含的全部內容，包括但不限於價格、委託金額、手續費、買入或賣出方向。您完全接受交易資訊所包含的全部內容後，方可點選按鈕進行交易。</b
+ ><b></b>
+ </p>
+ <p><b> </b></p>
+ <p><b>4.3.1.2 提交委託</b><b></b></p>
+ <p><b> </b></p>
+ <p>
+ <b
+ >審核交易資訊並確認無誤後，您可以提交交易委託。您提交交易委託後，即表示您授權本站代表您進行對應的交易撮合。當有符合您委託價格的交易時，本站將自動完成撮合交易，無需事先通知您。</b
+ ><b></b>
+ </p>
+ <p><b> </b></p>
+ <p><b>4.3.1.3 查看交易詳情</b><b></b></p>
+ <p><b> </b></p>
+ <p>
+ <b
+ >您可以在管理中心的交易明細中查看對應的交易記錄，以確認您的詳細交易記錄。</b
+ ><b></b>
+ </p>
+ </div>
+ </div>
+ </div>
+ </div>
+ <footerView></footerView>
+</template>
+
+<script>
+export default {
+ data: () => ({}),
+};
+</script>
+
+<style scoped>
+.router-view {
+ flex: 1;
+ background-color: #000;
+}
+.wrap {
+ min-width: 100%;
+ max-width: 100%;
+ box-sizing: border-box;
+ padding: 40px 12px;
+ margin: 0 auto;
+}
+
+.containner .htmlTemplate {
+ width: 70%;
+ margin: 0 auto;
+ padding: 30px;
+ box-sizing: border-box;
+ color: #6d6d6d;
+ background-color: #212121;
+}
+</style>
diff --git a/src/views/forex/customerService.vue b/src/views/forex/customerService.vue
new file mode 100644
index 0000000..7bd86cf
--- /dev/null
+++ b/src/views/forex/customerService.vue
@@ -0,0 +1,75 @@
+<template>
+ <div class="router-view">
+ <div class="service">
+ <div class="wrap container">
+ <img
+ src="@/assets/forexImages/online-banner-c5baa5d5.png"
+ alt=""
+ class="leftImg"
+ />
+ <div class="right">
+ <ul>
+ <li>
+ <span>在線客服</span
+ ><img src="@/assets/forexImages/online-1-d61bee88.png" alt="" />
+ </li>
+ </ul>
+ </div>
+ </div>
+ </div>
+ </div>
+ <footerView></footerView>
+</template>
+<style scoped>
+.router-view {
+ flex: 1;
+ background-color: #000;
+}
+.container {
+ display: flex;
+ justify-content: center;
+}
+.wrap {
+ min-width: 100%;
+ max-width: 100%;
+ box-sizing: border-box;
+ padding: 0 12px;
+ margin: 0 auto;
+}
+.container .leftImg {
+ width: 426px;
+ height: 426px;
+ margin-right: 20px;
+}
+
+.container .right {
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ justify-content: center;
+}
+.container .right ul {
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: space-between;
+}
+.container .right ul li {
+ padding: 20px 40px;
+ margin-bottom: 20px;
+ display: flex;
+ align-items: center;
+ justify-content: space-around;
+ background: #212121;
+ border-radius: 5px;
+ cursor: pointer;
+}
+.container .right ul li span {
+ color: #fff;
+ margin-right: 30px;
+}
+
+.container .right img {
+ width: 80px;
+ height: 68px;
+}
+</style>
diff --git a/src/views/forex/helpCenter.vue b/src/views/forex/helpCenter.vue
new file mode 100644
index 0000000..7f09d80
--- /dev/null
+++ b/src/views/forex/helpCenter.vue
@@ -0,0 +1,636 @@
+<template>
+ <div class="router-view">
+ <div data-v-2d869b45="" class="helpCenter">
+ <div data-v-2d869b45="" class="wrap containner">
+ <div data-v-2d869b45="" class="htmlTemplate">
+ <p
+ class="p"
+ style="
+ margin-top: 0pt;
+ margin-right: 0pt;
+ margin-bottom: 7.5pt;
+ margin-left: 0pt;
+ text-indent: 0pt;
+ padding: 0pt 0pt 0pt 0pt;
+ mso-pagination: widow-orphan;
+ "
+ >
+ <b>如何信箱註冊</b>
+ </p>
+ <p
+ class="p"
+ style="
+ margin-top: 0pt;
+ margin-right: 0pt;
+ margin-bottom: 7.5pt;
+ margin-left: 0pt;
+ text-indent: 0pt;
+ padding: 0pt 0pt 0pt 0pt;
+ mso-pagination: widow-orphan;
+ "
+ >
+
+ </p>
+ <p
+ class="p"
+ style="
+ margin-top: 0pt;
+ margin-right: 0pt;
+ margin-bottom: 7.5pt;
+ margin-left: 0pt;
+ text-indent: 0pt;
+ padding: 0pt 0pt 0pt 0pt;
+ mso-pagination: widow-orphan;
+ "
+ >
+ 1. 點選 <font face="Helvetica">Coinmate</font> <font
+ face="Helvetica"
+ >首頁右上角的註冊，進入註冊頁面，預設為信箱註冊頁面。</font
+ >
+ </p>
+ <p
+ class="p"
+ style="
+ margin-top: 0pt;
+ margin-right: 0pt;
+ margin-bottom: 7.5pt;
+ margin-left: 0pt;
+ text-indent: 0pt;
+ padding: 0pt 0pt 0pt 0pt;
+ mso-pagination: widow-orphan;
+ "
+ >
+
+ </p>
+ <p
+ class="p"
+ style="
+ margin-top: 0pt;
+ margin-right: 0pt;
+ margin-bottom: 7.5pt;
+ margin-left: 0pt;
+ text-indent: 0pt;
+ padding: 0pt 0pt 0pt 0pt;
+ mso-pagination: widow-orphan;
+ "
+ >
+ 2. 輸入您的電子郵件地址並取得驗證碼。
+ </p>
+ <p
+ class="p"
+ style="
+ margin-top: 0pt;
+ margin-right: 0pt;
+ margin-bottom: 7.5pt;
+ margin-left: 0pt;
+ text-indent: 0pt;
+ padding: 0pt 0pt 0pt 0pt;
+ mso-pagination: widow-orphan;
+ "
+ >
+
+ </p>
+ <p
+ class="p"
+ style="
+ margin-top: 0pt;
+ margin-right: 0pt;
+ margin-bottom: 7.5pt;
+ margin-left: 0pt;
+ text-indent: 0pt;
+ padding: 0pt 0pt 0pt 0pt;
+ mso-pagination: widow-orphan;
+ "
+ >
+ 3. 登入郵箱並核對對應的驗證碼。
+ </p>
+ <p
+ class="p"
+ style="
+ margin-top: 0pt;
+ margin-right: 0pt;
+ margin-bottom: 7.5pt;
+ margin-left: 0pt;
+ text-indent: 0pt;
+ padding: 0pt 0pt 0pt 0pt;
+ mso-pagination: widow-orphan;
+ "
+ >
+
+ </p>
+ <p
+ class="p"
+ style="
+ margin-top: 0pt;
+ margin-right: 0pt;
+ margin-bottom: 7.5pt;
+ margin-left: 0pt;
+ text-indent: 0pt;
+ padding: 0pt 0pt 0pt 0pt;
+ mso-pagination: widow-orphan;
+ "
+ >
+ 4. 輸入剛收到的驗證碼 - 設定登入密碼 - 確認登入密碼 - 填寫邀請碼 -
+ 最後點選註冊。 恭喜您，您已經完成了電子郵件註冊，開始體驗交易吧~！
+ </p>
+ <p
+ class="p"
+ style="
+ margin-top: 0pt;
+ margin-right: 0pt;
+ margin-bottom: 7.5pt;
+ margin-left: 0pt;
+ text-indent: 0pt;
+ padding: 0pt 0pt 0pt 0pt;
+ mso-pagination: widow-orphan;
+ "
+ >
+
+ </p>
+ <p
+ class="p"
+ style="
+ margin-top: 0pt;
+ margin-right: 0pt;
+ margin-bottom: 7.5pt;
+ margin-left: 0pt;
+ text-indent: 0pt;
+ padding: 0pt 0pt 0pt 0pt;
+ mso-pagination: widow-orphan;
+ "
+ >
+ <b>如何進行實名認證</b>
+ </p>
+ <p
+ class="p"
+ style="
+ margin-top: 0pt;
+ margin-right: 0pt;
+ margin-bottom: 7.5pt;
+ margin-left: 0pt;
+ text-indent: 0pt;
+ padding: 0pt 0pt 0pt 0pt;
+ mso-pagination: widow-orphan;
+ "
+ >
+
+ </p>
+ <p
+ class="p"
+ style="
+ margin-top: 0pt;
+ margin-right: 0pt;
+ margin-bottom: 7.5pt;
+ margin-left: 0pt;
+ text-indent: 0pt;
+ padding: 0pt 0pt 0pt 0pt;
+ mso-pagination: widow-orphan;
+ "
+ >
+ 1. 點選主頁右上角的帳戶，進入 "個人帳戶中心 "設定。
+ </p>
+ <p
+ class="p"
+ style="
+ margin-top: 0pt;
+ margin-right: 0pt;
+ margin-bottom: 7.5pt;
+ margin-left: 0pt;
+ text-indent: 0pt;
+ padding: 0pt 0pt 0pt 0pt;
+ mso-pagination: widow-orphan;
+ "
+ >
+
+ </p>
+ <p
+ class="p"
+ style="
+ margin-top: 0pt;
+ margin-right: 0pt;
+ margin-bottom: 7.5pt;
+ margin-left: 0pt;
+ text-indent: 0pt;
+ padding: 0pt 0pt 0pt 0pt;
+ mso-pagination: widow-orphan;
+ "
+ >
+ 2. 在左側導覽列中找到 "實名認證"，點選右側的 "未認證"。
+ </p>
+ <p
+ class="p"
+ style="
+ margin-top: 0pt;
+ margin-right: 0pt;
+ margin-bottom: 7.5pt;
+ margin-left: 0pt;
+ text-indent: 0pt;
+ padding: 0pt 0pt 0pt 0pt;
+ mso-pagination: widow-orphan;
+ "
+ >
+
+ </p>
+ <p
+ class="p"
+ style="
+ margin-top: 0pt;
+ margin-right: 0pt;
+ margin-bottom: 7.5pt;
+ margin-left: 0pt;
+ text-indent: 0pt;
+ padding: 0pt 0pt 0pt 0pt;
+ mso-pagination: widow-orphan;
+ "
+ >
+ 3. 點選
+ "初次認證"，輸入手機號碼+姓名+實際年齡+住址，點選提交認證即可。
+ </p>
+ <p
+ class="p"
+ style="
+ margin-top: 0pt;
+ margin-right: 0pt;
+ margin-bottom: 7.5pt;
+ margin-left: 0pt;
+ text-indent: 0pt;
+ padding: 0pt 0pt 0pt 0pt;
+ mso-pagination: widow-orphan;
+ "
+ >
+
+ </p>
+ <p
+ class="p"
+ style="
+ margin-top: 0pt;
+ margin-right: 0pt;
+ margin-bottom: 7.5pt;
+ margin-left: 0pt;
+ text-indent: 0pt;
+ padding: 0pt 0pt 0pt 0pt;
+ mso-pagination: widow-orphan;
+ "
+ >
+ 4. 耐心等待審核，審核時間為 1~2 小時。
+ </p>
+ <p
+ class="p"
+ style="
+ margin-top: 0pt;
+ margin-right: 0pt;
+ margin-bottom: 7.5pt;
+ margin-left: 0pt;
+ text-indent: 0pt;
+ padding: 0pt 0pt 0pt 0pt;
+ mso-pagination: widow-orphan;
+ "
+ >
+
+ </p>
+ <p
+ class="p"
+ style="
+ margin-top: 0pt;
+ margin-right: 0pt;
+ margin-bottom: 7.5pt;
+ margin-left: 0pt;
+ text-indent: 0pt;
+ padding: 0pt 0pt 0pt 0pt;
+ mso-pagination: widow-orphan;
+ "
+ >
+ <b>什麼是充值，如何進行儲值</b>
+ </p>
+ <p
+ class="p"
+ style="
+ margin-top: 0pt;
+ margin-right: 0pt;
+ margin-bottom: 7.5pt;
+ margin-left: 0pt;
+ text-indent: 0pt;
+ padding: 0pt 0pt 0pt 0pt;
+ mso-pagination: widow-orphan;
+ "
+ >
+
+ </p>
+ <p
+ class="p"
+ style="
+ margin-top: 0pt;
+ margin-right: 0pt;
+ margin-bottom: 7.5pt;
+ margin-left: 0pt;
+ text-indent: 0pt;
+ padding: 0pt 0pt 0pt 0pt;
+ mso-pagination: widow-orphan;
+ "
+ >
+ <font face="Helvetica"
+ >儲值也稱為硬幣充值，是指將數位資產從其他交易平台轉移至</font
+ >
+ <font face="Helvetica">Coinmate</font> <font face="Helvetica"
+ >平台的過程。</font
+ >
+ <font face="Helvetica">如何儲值？</font>
+ <font face="Helvetica">以從</font> A 交易平台預付美元到（<font
+ face="Helvetica"
+ >Coinmate</font
+ >）資金帳戶為例：
+ </p>
+ <p
+ class="p"
+ style="
+ margin-top: 0pt;
+ margin-right: 0pt;
+ margin-bottom: 7.5pt;
+ margin-left: 0pt;
+ text-indent: 0pt;
+ padding: 0pt 0pt 0pt 0pt;
+ mso-pagination: widow-orphan;
+ "
+ >
+
+ </p>
+ <p
+ class="p"
+ style="
+ margin-top: 0pt;
+ margin-right: 0pt;
+ margin-bottom: 7.5pt;
+ margin-left: 0pt;
+ text-indent: 0pt;
+ padding: 0pt 0pt 0pt 0pt;
+ mso-pagination: widow-orphan;
+ "
+ >
+ 1.開啟 A 平台後找到「提幣（提現）」按鈕
+ </p>
+ <p
+ class="p"
+ style="
+ margin-top: 0pt;
+ margin-right: 0pt;
+ margin-bottom: 7.5pt;
+ margin-left: 0pt;
+ text-indent: 0pt;
+ padding: 0pt 0pt 0pt 0pt;
+ mso-pagination: widow-orphan;
+ "
+ >
+
+ </p>
+ <p
+ class="p"
+ style="
+ margin-top: 0pt;
+ margin-right: 0pt;
+ margin-bottom: 7.5pt;
+ margin-left: 0pt;
+ text-indent: 0pt;
+ padding: 0pt 0pt 0pt 0pt;
+ mso-pagination: widow-orphan;
+ "
+ >
+ 2.開啟 <font face="Helvetica">Coinmate</font> <font
+ face="Helvetica"
+ >官網，登錄帳戶，點選平台內「我的資產」選單欄，點選「儲值」選擇</font
+ >
+ A 平台要轉移到 <font face="Helvetica">Coinmate</font> <font
+ face="Helvetica"
+ >的幣種。</font
+ >
+ </p>
+ <p
+ class="p"
+ style="
+ margin-top: 0pt;
+ margin-right: 0pt;
+ margin-bottom: 7.5pt;
+ margin-left: 0pt;
+ text-indent: 0pt;
+ padding: 0pt 0pt 0pt 0pt;
+ mso-pagination: widow-orphan;
+ "
+ >
+
+ </p>
+ <p
+ class="p"
+ style="
+ margin-top: 0pt;
+ margin-right: 0pt;
+ margin-bottom: 7.5pt;
+ margin-left: 0pt;
+ text-indent: 0pt;
+ padding: 0pt 0pt 0pt 0pt;
+ mso-pagination: widow-orphan;
+ "
+ >
+ 3.點選「複製」將從 <font face="Helvetica">Coinmate</font> <font
+ face="Helvetica"
+ >的充幣地址貼到</font
+ >
+ A 平台的提現地址中，輸入提現數量，確認後點選提交。
+ </p>
+ <p
+ class="p"
+ style="
+ margin-top: 0pt;
+ margin-right: 0pt;
+ margin-bottom: 7.5pt;
+ margin-left: 0pt;
+ text-indent: 0pt;
+ padding: 0pt 0pt 0pt 0pt;
+ mso-pagination: widow-orphan;
+ "
+ >
+
+ </p>
+ <p
+ class="p"
+ style="
+ margin-top: 0pt;
+ margin-right: 0pt;
+ margin-bottom: 7.5pt;
+ margin-left: 0pt;
+ text-indent: 0pt;
+ padding: 0pt 0pt 0pt 0pt;
+ mso-pagination: widow-orphan;
+ "
+ >
+ 4.根據 A 平台規定，您可能還需要輸入 Google
+ 驗證碼、手機驗證碼或郵箱驗證碼等確認，然後提幣申請才會發佈到區塊鏈網路。
+ 礦工確認後，儲值將發送至
+ <font face="Helvetica">Coinmate</font> <font face="Helvetica"
+ >交易帳戶。</font
+ >
+ </p>
+ <p
+ class="p"
+ style="
+ margin-top: 0pt;
+ margin-right: 0pt;
+ margin-bottom: 7.5pt;
+ margin-left: 0pt;
+ text-indent: 0pt;
+ padding: 0pt 0pt 0pt 0pt;
+ mso-pagination: widow-orphan;
+ "
+ >
+
+ </p>
+ <p
+ class="p"
+ style="
+ margin-top: 0pt;
+ margin-right: 0pt;
+ margin-bottom: 7.5pt;
+ margin-left: 0pt;
+ text-indent: 0pt;
+ padding: 0pt 0pt 0pt 0pt;
+ mso-pagination: widow-orphan;
+ "
+ >
+ <b>什麼是提幣，如何進行提現</b>
+ </p>
+ <p
+ class="p"
+ style="
+ margin-top: 0pt;
+ margin-right: 0pt;
+ margin-bottom: 7.5pt;
+ margin-left: 0pt;
+ text-indent: 0pt;
+ padding: 0pt 0pt 0pt 0pt;
+ mso-pagination: widow-orphan;
+ "
+ >
+
+ </p>
+ <p
+ class="p"
+ style="
+ margin-top: 0pt;
+ margin-right: 0pt;
+ margin-bottom: 7.5pt;
+ margin-left: 0pt;
+ text-indent: 0pt;
+ padding: 0pt 0pt 0pt 0pt;
+ mso-pagination: widow-orphan;
+ "
+ >
+ <font face="Helvetica">提現也稱為提取現金，是指將數位資產從</font>
+ <font face="Helvetica">Coinmate</font> <font face="Helvetica"
+ >平台轉移到其他平台或個人錢包的過程。</font
+ >
+ <font face="Helvetica">如何提現？</font>
+ <font face="Helvetica">以</font>
+ <font face="Helvetica">Coinmate</font> <font face="Helvetica"
+ >合約帳戶擷取</font
+ >
+ BTC 到 A 平台為例：
+ </p>
+ <p
+ class="p"
+ style="
+ margin-top: 0pt;
+ margin-right: 0pt;
+ margin-bottom: 7.5pt;
+ margin-left: 0pt;
+ text-indent: 0pt;
+ padding: 0pt 0pt 0pt 0pt;
+ mso-pagination: widow-orphan;
+ "
+ >
+
+ </p>
+ <p
+ class="p"
+ style="
+ margin-top: 0pt;
+ margin-right: 0pt;
+ margin-bottom: 7.5pt;
+ margin-left: 0pt;
+ text-indent: 0pt;
+ padding: 0pt 0pt 0pt 0pt;
+ mso-pagination: widow-orphan;
+ "
+ >
+ 1.開啟<font face="Helvetica">Coinmate</font> <font
+ face="Helvetica"
+ >官網，登錄帳戶，點選平台「資金管理」選單欄，點擊「資金劃轉」將您要提現的</font
+ >BTC 從合約帳戶轉入資金帳戶（任何幣種都需要劃轉至資金帳戶
+ 才能提取）。
+ </p>
+ <p
+ class="p"
+ style="
+ margin-top: 0pt;
+ margin-right: 0pt;
+ margin-bottom: 7.5pt;
+ margin-left: 0pt;
+ text-indent: 0pt;
+ padding: 0pt 0pt 0pt 0pt;
+ mso-pagination: widow-orphan;
+ "
+ >
+
+ </p>
+ <p
+ class="p"
+ style="
+ margin-top: 0pt;
+ margin-right: 0pt;
+ margin-bottom: 7.5pt;
+ margin-left: 0pt;
+ text-indent: 0pt;
+ padding: 0pt 0pt 0pt 0pt;
+ mso-pagination: widow-orphan;
+ "
+ >
+ 2.點選「提幣」選擇 BTC 進入提幣介面，輸入 A 平台的 BTC
+ 提幣地址和數量，點擊「提交」。 根據
+ <font face="Helvetica">Coinmate</font> <font face="Helvetica"
+ >的規定，您需要輸入您的資金密碼，確認無誤後，提幣申請才會發佈到區塊鏈網路上。</font
+ >
+ <font face="Helvetica">礦工確認後，您的提幣就完成了。</font>
+ </p>
+ <p> </p>
+ </div>
+ </div>
+ </div>
+ </div>
+ <footerView></footerView>
+</template>
+
+<script>
+export default {
+ data: () => ({}),
+};
+</script>
+
+<style scoped>
+.router-view {
+ flex: 1;
+ background-color: #000;
+}
+.wrap {
+ min-width: 100%;
+ max-width: 100%;
+ box-sizing: border-box;
+ padding: 40px 12px;
+ margin: 0 auto;
+}
+
+.containner .htmlTemplate {
+ width: 70%;
+ margin: 0 auto;
+ padding: 30px;
+ box-sizing: border-box;
+ color: #6d6d6d;
+ background-color: #212121;
+}
+</style>
diff --git a/src/views/forex/termsOfService.vue b/src/views/forex/termsOfService.vue
new file mode 100644
index 0000000..08abc78
--- /dev/null
+++ b/src/views/forex/termsOfService.vue
@@ -0,0 +1,361 @@
+<template>
+ <div class="router-view">
+ <div data-v-33fbb5d7="" class="helpCenter">
+ <div data-v-33fbb5d7="" class="wrap containner">
+ <div data-v-33fbb5d7="" class="htmlTemplate">
+ <p style="margin: 0pt; text-indent: 0pt; padding: 0pt">
+ <b>服務條款</b>
+ </p>
+ <p style="margin: 0pt; text-indent: 0pt; padding: 0pt"> </p>
+ <p style="margin: 0pt; text-indent: 0pt; padding: 0pt">
+ <b>1、雙方</b>
+ </p>
+ <p style="margin: 0pt; text-indent: 0pt; padding: 0pt"> </p>
+ <p style="margin: 0pt; text-indent: 0pt; padding: 0pt">
+ <b>1.1 </b><b>Coinmate</b
+ ><b
+ ><font face="Helvetica">是一家依美國法律成立的公司。</font>
+ 本網站是為使用者進行數位資產交易並提供相關服務的平台（以下簡稱「本公司」或「服務」）。
+ 為了本協議表述之方便，本公司及本網站在本協議中統稱為「我們」或其他第一人稱名稱。</b
+ >
+ </p>
+ <p style="margin: 0pt; text-indent: 0pt; padding: 0pt"> </p>
+ <p style="margin: 0pt; text-indent: 0pt; padding: 0pt">
+ <b
+ >1.2
+ 只要登入本網站的自然人或其他主體均為本網站的用戶，本協議中為表述之方便而使用「您」或其他第二人稱代名詞。</b
+ >
+ </p>
+ <p style="margin: 0pt; text-indent: 0pt; padding: 0pt"> </p>
+ <p style="margin: 0pt; text-indent: 0pt; padding: 0pt">
+ <b
+ >1.3
+ 為了本協議表述之方便，我們和您在本協議中合稱為“雙方”，我們或您簡稱為“一方”。</b
+ >
+ </p>
+ <p style="margin: 0pt; text-indent: 0pt; padding: 0pt"> </p>
+ <p style="margin: 0pt; text-indent: 0pt; padding: 0pt">
+ <b>2.隱私權政策的目的</b>
+ </p>
+ <p style="margin: 0pt; text-indent: 0pt; padding: 0pt"> </p>
+ <p style="margin: 0pt; text-indent: 0pt; padding: 0pt">
+ <b
+ ><font face="Helvetica"
+ >隱私權政策規定，我們僅透過您登入本網站、在本網站註冊和</font
+ >/或使用我們提供的服務來收集您的信息，以及我們如何使用和保護所收集的資訊。</b
+ >
+ </p>
+ <p style="margin: 0pt; text-indent: 0pt; padding: 0pt"> </p>
+ <p style="margin: 0pt; text-indent: 0pt; padding: 0pt">
+ <b>3、您的同意</b>
+ </p>
+ <p style="margin: 0pt; text-indent: 0pt; padding: 0pt"> </p>
+ <p style="margin: 0pt; text-indent: 0pt; padding: 0pt">
+ <b
+ ><font face="Helvetica"
+ >為確保您對我們處理個人資料的方式充滿信心，您必須詳細閱讀並理解隱私權政策的規定。</font
+ >
+ 特別是一旦您登入我們的網站，無論您是否在網站上註冊，您都向我們表明您接受、同意、承諾和確認：</b
+ >
+ </p>
+ <p style="margin: 0pt; text-indent: 0pt; padding: 0pt"> </p>
+ <p style="margin: 0pt; text-indent: 0pt; padding: 0pt">
+ <b>3.1 您在獲得所需同意的情況下自願向我們披露個人資訊；</b>
+ </p>
+ <p style="margin: 0pt; text-indent: 0pt; padding: 0pt"> </p>
+ <p style="margin: 0pt; text-indent: 0pt; padding: 0pt">
+ <b>3.2 您將遵守本隱私權政策的所有條款和限制；</b>
+ </p>
+ <p style="margin: 0pt; text-indent: 0pt; padding: 0pt"> </p>
+ <p style="margin: 0pt; text-indent: 0pt; padding: 0pt">
+ <b
+ >3.3
+ 您同意我們透過登入本網站、在本網站註冊和/或使用我們提供的服務收集您的資訊；
+ 您同意我們隱私權政策的任何未來變更；</b
+ >
+ </p>
+ <p style="margin: 0pt; text-indent: 0pt; padding: 0pt"> </p>
+ <p style="margin: 0pt; text-indent: 0pt; padding: 0pt">
+ <b
+ >3.4
+ 您同意我們的分公司、關聯公司和員工就您可能感興趣的產品和服務與您聯繫（除非您已表明不希望收到此類資訊）。</b
+ >
+ </p>
+ <p style="margin: 0pt; text-indent: 0pt; padding: 0pt"> </p>
+ <p style="margin: 0pt; text-indent: 0pt; padding: 0pt">
+ <b>4、收集的資訊</b>
+ </p>
+ <p style="margin: 0pt; text-indent: 0pt; padding: 0pt"> </p>
+ <p style="margin: 0pt; text-indent: 0pt; padding: 0pt">
+ <b
+ >4.1
+ 當您使用本網站時，您同意我們使用Cookies來追蹤您的每一個行為，並收集和記住您留下的所有信息，包括但不限於您的IP位址、地理位置等資訊。</b
+ >
+ </p>
+ <p style="margin: 0pt; text-indent: 0pt; padding: 0pt"> </p>
+ <p style="margin: 0pt; text-indent: 0pt; padding: 0pt">
+ <b
+ >4.2
+ 若您願意使用本網站提供的服務，您需要填寫並提供以下兩種資訊：</b
+ >
+ </p>
+ <p style="margin: 0pt; text-indent: 0pt; padding: 0pt"> </p>
+ <p style="margin: 0pt; text-indent: 0pt; padding: 0pt">
+ <b
+ >4.2.1 身份資訊。
+ 這些資訊可以幫助我們驗證您是否有資格註冊成為本網站的會員，包括但不限於您的姓名、您的居住地址、郵寄地址、您所在國家或政府頒發的其他具有證明您身份的資訊的不同證書
+ ，以及涉及的號碼及其他所有能夠幫助我們驗證您身分的資訊（以下統稱「身分資訊」）。</b
+ >
+ </p>
+ <p style="margin: 0pt; text-indent: 0pt; padding: 0pt"> </p>
+ <p style="margin: 0pt; text-indent: 0pt; padding: 0pt">
+ <b>4.2.2 服務資訊。 資訊".</b>
+ </p>
+ <p style="margin: 0pt; text-indent: 0pt; padding: 0pt"> </p>
+ <p style="margin: 0pt; text-indent: 0pt; padding: 0pt">
+ <b
+ >4.3
+ 當您使用本網站或其提供的服務時，我們可能會為了改善本網站的使用，增強您使用本網站及其提供的服務的體驗及其安全性，或根據法院或適用的法律法規的規定
+ ，或其他有管轄權的政府機構命令，透過我們在本網站上公佈的專用郵箱或其他我們認為合規的方式收集更多必要的資訊。</b
+ >
+ </p>
+ <p style="margin: 0pt; text-indent: 0pt; padding: 0pt"> </p>
+ <p style="margin: 0pt; text-indent: 0pt; padding: 0pt">
+ <b
+ >4.4
+ 如果您造訪本網站上的其他第三方網站或合作第三方的任何鏈接，您應同意並遵守該第三方網路單獨且獨立的隱私權政策。
+ 我們不對這些網站或合作夥伴的內容和活動負責。</b
+ >
+ </p>
+ <p style="margin: 0pt; text-indent: 0pt; padding: 0pt"> </p>
+ <p style="margin: 0pt; text-indent: 0pt; padding: 0pt">
+ <b><font face="Helvetica">五、</font>Cookie</b>
+ </p>
+ <p style="margin: 0pt; text-indent: 0pt; padding: 0pt"> </p>
+ <p style="margin: 0pt; text-indent: 0pt; padding: 0pt">
+ <b
+ >5.1 當您造訪我們的網站時，我們透過cookies使用Google
+ Stats來記錄我們的表現並檢查線上廣告的效果。
+ Cookie是發送到您的瀏覽器並儲存在您的電腦硬碟上的少量資料。
+ 只有當您使用電腦進入我們的網站時，cookies才會被傳送到您的電腦硬碟上。</b
+ >
+ </p>
+ <p style="margin: 0pt; text-indent: 0pt; padding: 0pt"> </p>
+ <p style="margin: 0pt; text-indent: 0pt; padding: 0pt">
+ <b
+ >5.2
+ Cookie通常用於記錄訪客在瀏覽我們網站上的各種項目時的習慣和偏好。
+ cookie收集的資訊是匿名集體統計，不包含個人資訊。</b
+ >
+ </p>
+ <p style="margin: 0pt; text-indent: 0pt; padding: 0pt"> </p>
+ <p style="margin: 0pt; text-indent: 0pt; padding: 0pt">
+ <b
+ >5.3
+ Cookies不能用於獲取您的硬碟上的資料、您的電子郵件地址以及您的私人資訊。
+ 它們可以使網站或服務提供者係統識別您的瀏覽器並捕獲和記住資訊。
+ 大多數瀏覽器都預設為接受Cookie。
+ 您可以選擇將瀏覽器設定為不接受Cookie，或在安裝Cookie後立即通知您。
+ 但如果設定為禁止cookies，您可能無法啟動或使用我們網站的某些功能。</b
+ >
+ </p>
+ <p style="margin: 0pt; text-indent: 0pt; padding: 0pt"> </p>
+ <p style="margin: 0pt; text-indent: 0pt; padding: 0pt">
+ <b>六、資訊的使用</b>
+ </p>
+ <p style="margin: 0pt; text-indent: 0pt; padding: 0pt"> </p>
+ <p style="margin: 0pt; text-indent: 0pt; padding: 0pt">
+ <b>6.1 我們將收集的您的資訊用於以下目的或透過以下方式使用：</b>
+ </p>
+ <p style="margin: 0pt; text-indent: 0pt; padding: 0pt"> </p>
+ <p style="margin: 0pt; text-indent: 0pt; padding: 0pt">
+ <b>6.1.1 透過我們的網站向您提供我們的各項服務；</b>
+ </p>
+ <p style="margin: 0pt; text-indent: 0pt; padding: 0pt"> </p>
+ <p style="margin: 0pt; text-indent: 0pt; padding: 0pt">
+ <b>6.1.2 當您使用我們的網站時，您可以識別並確認您的身分；</b>
+ </p>
+ <p style="margin: 0pt; text-indent: 0pt; padding: 0pt"> </p>
+ <p style="margin: 0pt; text-indent: 0pt; padding: 0pt">
+ <b
+ >6.1.3
+ 為了改善和增強網站的服務（根據我們收到的您的資訊和回饋，幫助我們改進網站的服務，以便我們更有效地回應您的服務請求和支援需求）;</b
+ >
+ </p>
+ <p style="margin: 0pt; text-indent: 0pt; padding: 0pt"> </p>
+ <p style="margin: 0pt; text-indent: 0pt; padding: 0pt">
+ <b>6.1.4 本網站使用統計及與政府機關、事業單位合作的資料分析；</b>
+ </p>
+ <p style="margin: 0pt; text-indent: 0pt; padding: 0pt"> </p>
+ <p style="margin: 0pt; text-indent: 0pt; padding: 0pt">
+ <b
+ >6.1.5
+ 個人化您的體驗（您的訊息將幫助我們更能回應您的個人需求）；</b
+ >
+ </p>
+ <p style="margin: 0pt; text-indent: 0pt; padding: 0pt"> </p>
+ <p style="margin: 0pt; text-indent: 0pt; padding: 0pt">
+ <b
+ >6.1.6
+ 交易處理（您的信息，無論是公開的還是私人的，未經您的同意，不會以任何理由出售、交換、轉讓或提供給任何其他公司，除非是為了完成您要求的交易的
+ 明確目的之外）；</b
+ >
+ </p>
+ <p style="margin: 0pt; text-indent: 0pt; padding: 0pt"> </p>
+ <p style="margin: 0pt; text-indent: 0pt; padding: 0pt">
+ <b
+ >6.1.7
+ 定期發送電子郵件（您提供的用於訂單處理的電子郵件地址，除了偶爾接收我們的新聞、更新、相關產品或服務資訊等外，還可用於向您發送資訊和更新您的訂單）
+ ；</b
+ >
+ </p>
+ <p style="margin: 0pt; text-indent: 0pt; padding: 0pt"> </p>
+ <p style="margin: 0pt; text-indent: 0pt; padding: 0pt">
+ <b
+ >6.1.8
+ 滿足本網站使用者協議規定的其他目的以及滿足該目的的一切合法手段。</b
+ >
+ </p>
+ <p style="margin: 0pt; text-indent: 0pt; padding: 0pt"> </p>
+ <p style="margin: 0pt; text-indent: 0pt; padding: 0pt">
+ <b
+ >6.2
+ 我們不會向其他方出售、交易或以其他方式轉讓信息或允許他人收集和使用信息，但不包括以下其他方及以下信息：我們的關聯公司、幫助我們運營我們的網站、開展業務的或
+ 受信任的人向您提供服務的第三方，只要這些第三方同意對資訊保密；
+ 當我們認為所披露的資訊是適當的、符合法律、法規、規則和規定，或來自法院或其他主管機關命令和
+ 執行我們的網站策略、網站正常運作所需的資訊時，附屬公司要求提供服務或保護我們或他人的權利、財產或安全。
+ 但是，您的資訊不會出於行銷、廣告或其他目的而提供給其他方。</b
+ >
+ </p>
+ <p style="margin: 0pt; text-indent: 0pt; padding: 0pt"> </p>
+ <p style="margin: 0pt; text-indent: 0pt; padding: 0pt">
+ <b>七、個人資料的保護</b>
+ </p>
+ <p style="margin: 0pt; text-indent: 0pt; padding: 0pt"> </p>
+ <p style="margin: 0pt; text-indent: 0pt; padding: 0pt">
+ <b
+ >7.1
+ 我們實施適當的實體、電子、管理和技術措施來保護和保障您個人資料的安全。
+ 我們盡力確保透過我們網站收集的任何個人資訊不會受到與我們無關的第三方的任何滋擾。
+ 我們採取的安全措施包括但不限於：</b
+ >
+ </p>
+ <p style="margin: 0pt; text-indent: 0pt; padding: 0pt"> </p>
+ <p style="margin: 0pt; text-indent: 0pt; padding: 0pt">
+ <b>7.1.1 實體措施：包含您個人資料的記錄將儲存在上鎖的地方。</b>
+ </p>
+ <p style="margin: 0pt; text-indent: 0pt; padding: 0pt"> </p>
+ <p style="margin: 0pt; text-indent: 0pt; padding: 0pt">
+ <b
+ >7.1.2
+ 電子措施：包含您個人資料的電腦資料將儲存在受到嚴格登入限制的電腦系統和儲存媒體上。</b
+ >
+ </p>
+ <p style="margin: 0pt; text-indent: 0pt; padding: 0pt"> </p>
+ <p style="margin: 0pt; text-indent: 0pt; padding: 0pt">
+ <b
+ >7.1.3
+ 管理措施：只有經我們授權的員工才能存取您的個人數據，這些員工需要遵守我們關於個人資料保密的內部規則。</b
+ >
+ </p>
+ <p style="margin: 0pt; text-indent: 0pt; padding: 0pt"> </p>
+ <p style="margin: 0pt; text-indent: 0pt; padding: 0pt">
+ <b
+ >7.1.4
+ 技術措施：可能會使用安全通訊端層加密等加密技術來傳輸您的個人資料。</b
+ >
+ </p>
+ <p style="margin: 0pt; text-indent: 0pt; padding: 0pt"> </p>
+ <p style="margin: 0pt; text-indent: 0pt; padding: 0pt">
+ <b>7.1.5 其他措施：我們的網路伺服器受到「防火牆」的保護。</b>
+ </p>
+ <p style="margin: 0pt; text-indent: 0pt; padding: 0pt"> </p>
+ <p style="margin: 0pt; text-indent: 0pt; padding: 0pt">
+ <b
+ >7.2
+ 如果您發現我們網站有任何安全漏洞，請立即與我們聯繫，以便我們盡快採取適當措施。</b
+ >
+ </p>
+ <p style="margin: 0pt; text-indent: 0pt; padding: 0pt"> </p>
+ <p style="margin: 0pt; text-indent: 0pt; padding: 0pt">
+ <b
+ >7.3
+ 儘管實施了上述技術和安全措施，但我們不能保證資訊在互聯網上傳輸的絕對安全，因此我們不能絕對保證您透過我們網站向我們提供的個人資訊在任何時候都是安全的。
+ 對於未經授權存取您的個人資料而發生的任何事件，我們不承擔任何責任，並且對於因此而造成的任何損失或損害，我們不承擔賠償責任。</b
+ >
+ </p>
+ <p style="margin: 0pt; text-indent: 0pt; padding: 0pt"> </p>
+ <p style="margin: 0pt; text-indent: 0pt; padding: 0pt">
+ <b>八、隱私權政策的修訂</b>
+ </p>
+ <p style="margin: 0pt; text-indent: 0pt; padding: 0pt"> </p>
+ <p style="margin: 0pt; text-indent: 0pt; padding: 0pt">
+ <b
+ ><font face="Helvetica">我們保留隨時修改本隱私權政策的權利。</font
+ >
+ 我們更新並公佈新版本的生效日期，以告訴您我們已經修訂了隱私權政策並突出顯示修訂內容。
+ 有時我們會發布通知告知您隱私權政策已修訂，但這不是我們的義務。
+ 您應定期查閱隱私權政策並注意其修訂情況。
+ 如果您不同意修改後的內容，您應立即停止造訪本網站。
+ 當隱私權政策更新版本發布後，您繼續造訪本網站即表示您同意更新內容並同意遵守更新後的隱私權政策。</b
+ >
+ </p>
+ <p style="margin: 0pt; text-indent: 0pt; padding: 0pt"> </p>
+ <p style="margin: 0pt; text-indent: 0pt; padding: 0pt">
+ <b>九、與我們的溝通</b>
+ </p>
+ <p style="margin: 0pt; text-indent: 0pt; padding: 0pt"> </p>
+ <p style="margin: 0pt; text-indent: 0pt; padding: 0pt">
+ <b
+ >9.1
+ 如果您有任何要求和意見，您可以發送電子郵件至Coinmatecrypto@outlook.com，這是我們溝通的唯一有效且官方的電子郵件與您聯繫，因此我們沒有對您使用有效的聯繫信息，對任何
+ 行為或失敗不承擔任何責任。</b
+ >
+ </p>
+ <p style="margin: 0pt; text-indent: 0pt; padding: 0pt"> </p>
+ <p style="margin: 0pt; text-indent: 0pt; padding: 0pt">
+ <b
+ >9.2
+ 我們僅透過本網站有效聯絡方式發佈公告和資訊或在本網站發佈公告，因此我們對您因信任非透過上述方式取得的資訊而產生的任何損失不承擔責任。</b
+ >
+ </p>
+ <p style="margin: 0pt; text-indent: 0pt; padding: 0pt"> </p>
+ <p style="margin: 0pt; text-indent: 0pt; padding: 0pt">
+ <b>9.3 如果您對我們的隱私權政策有任何疑問，請隨時與我們聯絡。</b>
+ </p>
+ <p> </p>
+ </div>
+ </div>
+ </div>
+ </div>
+ <footerView></footerView>
+</template>
+
+<script>
+export default {
+ data: () => ({}),
+};
+</script>
+
+<style scoped>
+.router-view {
+ flex: 1;
+ background-color: #000;
+}
+.wrap {
+ min-width: 100%;
+ max-width: 100%;
+ box-sizing: border-box;
+ padding: 40px 12px;
+ margin: 0 auto;
+}
+
+.containner .htmlTemplate[data-v-33fbb5d7] {
+ width: 70%;
+ margin: 0 auto;
+ padding: 30px;
+ box-sizing: border-box;
+ color: #6d6d6d;
+ background-color: #212121;
+}
+</style>
diff --git a/src/views/login/index.vue b/src/views/login/index.vue
index 0f3bb6c..c6f2711 100644
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@@ -11,7 +11,7 @@
>
<div class="mt-20 mb-12">
<div class="css-1mzk4e3">{{ t("zhanghudenglu") }}</div>
- <div class="mt-4 css-s3l2jm">{{ t("chang1") }}</div>
+ <!-- <div class="mt-4 css-s3l2jm">{{ t("chang1") }}</div> -->
</div>
<div class="css-tmpver">
@@ -93,7 +93,7 @@
</div>
<!-- 密码 -->
<div class="css-15651n7">
- <div class="css-xjlny9">{{ t("mima") }}</div>
+ <!-- <div class="css-xjlny9">{{ t("mima") }}</div> -->
<el-input
:placeholder="t('qsr_mima')"
v-model="emailPd.pwd"
@@ -139,6 +139,7 @@
</div>
</div>
</div>
+ <footer-view />
</template>
<script setup>
import Axios from "@/api/login.js";
@@ -236,4 +237,22 @@
min-width: 90px;
margin-right: 12px;
}
+
+.login {
+ width: 100%;
+ height: 93vh;
+ background: url("@/assets/forexImages/bg-ebcf394f.png") no-repeat center
+ center;
+ background-size: 100% 100%;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: space-between;
+}
+
+.css-1mzk4e3 {
+ font-size: 32px;
+ color: #fff;
+ font-weight: 500;
+}
</style>
diff --git a/src/views/login/register.vue b/src/views/login/register.vue
index a8a590c..c333644 100644
--- a/src/views/login/register.vue
+++ b/src/views/login/register.vue
@@ -1,7 +1,7 @@
<!-- 注册 -->
<template>
<div id="wrap_app" class="css-155nz97" style="margin-top: 60px">
- <Steps :stepIndex="1" />
+ <!-- <Steps :stepIndex="1" /> -->
<main class="main css-6q12pm">
<div class="binance-row css-16kn2us">
<div class="binance-col css-1wz0uwi" style="width: 420px">
diff --git a/src/views/my/center.vue b/src/views/my/center.vue
new file mode 100644
index 0000000..d04acf0
--- /dev/null
+++ b/src/views/my/center.vue
@@ -0,0 +1,337 @@
+<template>
+ <div class="router-view">
+ <div data-v-1a056e44="" class="page">
+ <section data-v-1a056e44="" class="container">
+ <section data-v-1a056e44="" class="header">
+ <img
+ data-v-1a056e44=""
+ src="@/assets/forexImages/avatar-e57e8e09.png"
+ class="header-avatar"
+ />
+ <div data-v-1a056e44="" class="header-content">
+ <p data-v-1a056e44="" class="header-content__title">
+ <span data-v-1a056e44="">11</span
+ ><span data-v-1a056e44="" class="header-content__title-tag"
+ >VIP5</span
+ >
+ </p>
+ <p data-v-1a056e44="" class="header-content__desc">UID: 44766087</p>
+ <p data-v-1a056e44="" class="header-content__desc">
+ Credit Score: 100
+ </p>
+ <p data-v-1a056e44="" class="header-content__desc">
+ 邀請碼: 71136375
+ </p>
+ </div>
+ </section>
+ <section data-v-1a056e44="" class="plane plane1">
+ <div data-v-1a056e44="">
+ <p data-v-1a056e44="" class="plane-title">初級認證</p>
+ <p data-v-1a056e44="" class="plane-desc">
+ 為保障您的賬戶安全，請完成初級認證後方可交易操作！
+ </p>
+ <div data-v-1a056e44="" class="plane-tag">
+ <span data-v-1a056e44="">已認證</span
+ ><!----><!----><!---->
+ </div>
+ </div>
+ <img
+ data-v-1a056e44=""
+ src="@/assets/forexImages/center-000cd06e.png"
+ alt=""
+ class="centerimg"
+ />
+ </section>
+ <section data-v-1a056e44="" class="plane">
+ <div data-v-1a056e44="" class="plane-item">
+ <i
+ data-v-1a056e44=""
+ class="el-icon"
+ style="font-size: 24px; --color: #4a8cff"
+ ><svg
+ data-v-1a056e44=""
+ xmlns="http://www.w3.org/2000/svg"
+ viewBox="0 0 1024 1024"
+ >
+ <path
+ fill="currentColor"
+ d="M896 324.096c0-42.368-2.496-55.296-9.536-68.48a52.352 52.352 0 0 0-22.144-22.08c-13.12-7.04-26.048-9.536-68.416-9.536H228.096c-42.368 0-55.296 2.496-68.48 9.536a52.352 52.352 0 0 0-22.08 22.144c-7.04 13.12-9.536 26.048-9.536 68.416v375.808c0 42.368 2.496 55.296 9.536 68.48a52.352 52.352 0 0 0 22.144 22.08c13.12 7.04 26.048 9.536 68.416 9.536h567.808c42.368 0 55.296-2.496 68.48-9.536a52.352 52.352 0 0 0 22.08-22.144c7.04-13.12 9.536-26.048 9.536-68.416zm64 0v375.808c0 57.088-5.952 77.76-17.088 98.56-11.136 20.928-27.52 37.312-48.384 48.448-20.864 11.136-41.6 17.088-98.56 17.088H228.032c-57.088 0-77.76-5.952-98.56-17.088a116.288 116.288 0 0 1-48.448-48.384c-11.136-20.864-17.088-41.6-17.088-98.56V324.032c0-57.088 5.952-77.76 17.088-98.56 11.136-20.928 27.52-37.312 48.384-48.448 20.864-11.136 41.6-17.088 98.56-17.088H795.84c57.088 0 77.76 5.952 98.56 17.088 20.928 11.136 37.312 27.52 48.448 48.384 11.136 20.864 17.088 41.6 17.088 98.56z"
+ ></path>
+ <path
+ fill="currentColor"
+ d="M64 320h896v64H64zm0 128h896v64H64zm128 192h256v64H192z"
+ ></path>
+ </svg>
+ </i>
+ <div data-v-1a056e44="" class="plane-item__content">高級認證</div>
+ <div data-v-1a056e44="" class="plane-item__opt">
+ <!----><!----><!----><span data-v-1a056e44="">未認證</span>
+ </div>
+ </div>
+ <div data-v-1a056e44="" class="plane-item">
+ <i
+ data-v-1a056e44=""
+ class="el-icon"
+ style="font-size: 24px; --color: #fbbf24"
+ ><svg
+ data-v-1a056e44=""
+ xmlns="http://www.w3.org/2000/svg"
+ viewBox="0 0 1024 1024"
+ >
+ <path
+ fill="currentColor"
+ d="M128 192v640h768V320H485.76L357.504 192zm-32-64h287.872l128.384 128H928a32 32 0 0 1 32 32v576a32 32 0 0 1-32 32H96a32 32 0 0 1-32-32V160a32 32 0 0 1 32-32m414.08 502.144 180.992-180.992L736.32 494.4 510.08 720.64l-158.4-158.336 45.248-45.312z"
+ ></path>
+ </svg>
+ </i>
+ <div data-v-1a056e44="" class="plane-item__content">
+ 安全等級：中
+ </div>
+ <div data-v-1a056e44="" class="plane-item__level">
+ <span
+ data-v-1a056e44=""
+ class="plane-item__level-item active-item"
+ ></span
+ ><span
+ data-v-1a056e44=""
+ class="plane-item__level-item active-item"
+ ></span
+ ><span data-v-1a056e44="" class="plane-item__level-item"></span>
+ </div>
+ </div>
+ <div data-v-1a056e44="" class="plane-item">
+ <i
+ data-v-1a056e44=""
+ class="el-icon"
+ style="font-size: 24px; --color: #e46868"
+ ><svg
+ data-v-1a056e44=""
+ xmlns="http://www.w3.org/2000/svg"
+ viewBox="0 0 1024 1024"
+ >
+ <path
+ fill="currentColor"
+ d="M128 224v512a64 64 0 0 0 64 64h640a64 64 0 0 0 64-64V224zm0-64h768a64 64 0 0 1 64 64v512a128 128 0 0 1-128 128H192A128 128 0 0 1 64 736V224a64 64 0 0 1 64-64"
+ ></path>
+ <path
+ fill="currentColor"
+ d="M904 224 656.512 506.88a192 192 0 0 1-289.024 0L120 224zm-698.944 0 210.56 240.704a128 128 0 0 0 192.704 0L818.944 224H205.056"
+ ></path>
+ </svg>
+ </i>
+ <div data-v-1a056e44="" class="plane-item__content">郵箱</div>
+ <div data-v-1a056e44="" class="plane-item__email">
+ jennifer88425@gmail.com
+ </div>
+ </div>
+ </section>
+ <section data-v-1a056e44="" class="plane">
+ <div data-v-1a056e44="" class="plane-item">
+ <i
+ data-v-1a056e44=""
+ class="el-icon"
+ style="font-size: 24px; --color: #fbbf24"
+ ><svg
+ data-v-1a056e44=""
+ xmlns="http://www.w3.org/2000/svg"
+ viewBox="0 0 1024 1024"
+ >
+ <path
+ fill="currentColor"
+ d="M224 448a32 32 0 0 0-32 32v384a32 32 0 0 0 32 32h576a32 32 0 0 0 32-32V480a32 32 0 0 0-32-32zm0-64h576a96 96 0 0 1 96 96v384a96 96 0 0 1-96 96H224a96 96 0 0 1-96-96V480a96 96 0 0 1 96-96"
+ ></path>
+ <path
+ fill="currentColor"
+ d="M512 544a32 32 0 0 1 32 32v192a32 32 0 1 1-64 0V576a32 32 0 0 1 32-32m192-160v-64a192 192 0 1 0-384 0v64zM512 64a256 256 0 0 1 256 256v128H256V320A256 256 0 0 1 512 64"
+ ></path>
+ </svg>
+ </i>
+ <div data-v-1a056e44="" class="plane-item__content">登錄密碼</div>
+ <div data-v-1a056e44="" class="plane-item__opt">修改</div>
+ </div>
+ <div data-v-1a056e44="" class="plane-item">
+ <i
+ data-v-1a056e44=""
+ class="el-icon"
+ style="font-size: 24px; --color: #10b968"
+ >
+ <svg
+ data-v-1a056e44=""
+ xmlns="http://www.w3.org/2000/svg"
+ viewBox="0 0 1024 1024"
+ >
+ <path
+ fill="currentColor"
+ d="M640 288h-64V128H128v704h384v32a32 32 0 0 0 32 32H96a32 32 0 0 1-32-32V96a32 32 0 0 1 32-32h512a32 32 0 0 1 32 32z"
+ ></path>
+ <path
+ fill="currentColor"
+ d="M128 320v512h768V320zm-32-64h832a32 32 0 0 1 32 32v576a32 32 0 0 1-32 32H96a32 32 0 0 1-32-32V288a32 32 0 0 1 32-32"
+ ></path>
+ <path
+ fill="currentColor"
+ d="M704 640a64 64 0 1 1 0-128 64 64 0 0 1 0 128"
+ ></path>
+ </svg>
+ </i>
+ <div data-v-1a056e44="" class="plane-item__content">資金密碼</div>
+ <div data-v-1a056e44="" class="plane-item__opt">修改</div>
+ </div>
+ </section>
+ <section data-v-1a056e44="" class="page-bottom">
+ <button data-v-1a056e44="" class="page-bottom__btn">退出登錄</button>
+ </section>
+ </section>
+ </div>
+ </div>
+ <footerView></footerView>
+</template>
+
+<style scoped>
+.router-view {
+ flex: 1;
+ background-color: #000;
+}
+
+.page[data-v-1a056e44] {
+ background: #000;
+}
+
+.container[data-v-1a056e44] {
+ background-color: #000;
+ max-width: 1232px;
+ padding: 0 16px;
+ margin: auto;
+ width: 100%;
+ height: 100%;
+}
+
+.page-bottom__btn[data-v-1a056e44] {
+ width: 100%;
+ line-height: 50px;
+ background-color: #ef4444;
+ font-size: 14px;
+ box-shadow: none;
+ border: none;
+ color: #fff;
+ border-radius: 25px;
+ cursor: pointer;
+}
+.page-bottom[data-v-1a056e44] {
+ padding: 16px;
+}
+
+.plane[data-v-1a056e44] {
+ padding: 12px 16px;
+ border-radius: 8px;
+ background-color: #181a20;
+ color: #fff;
+ margin-bottom: 12px;
+}
+.plane-item[data-v-1a056e44] {
+ display: flex;
+ align-items: center;
+ height: 60px;
+}
+.plane.plane1[data-v-1a056e44] {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+}
+.plane-title[data-v-1a056e44] {
+ font-size: 18px;
+ line-height: 28px;
+ font-weight: 600;
+}
+.plane-desc[data-v-1a056e44] {
+ color: #6d6d6d;
+ margin-top: 8px;
+ font-size: 12px;
+}
+.plane-tag[data-v-1a056e44] {
+ margin-top: 8px;
+ height: 28px;
+ display: flex;
+ align-items: center;
+ color: #10b981;
+ font-size: 14px;
+ cursor: pointer;
+}
+.plane-item__opt[data-v-1a056e44] {
+ color: #f7b328;
+ font-size: 14px;
+ cursor: pointer;
+ transition: 0.5s;
+}
+.plane-item__content[data-v-1a056e44] {
+ flex: 1;
+ line-height: 24px;
+ margin-left: 16px;
+}
+.header[data-v-1a056e44] {
+ display: flex;
+ align-items: center;
+ height: 160px;
+}
+.plane-item__email[data-v-1a056e44] {
+ font-size: 14px;
+ color: #ffffffb3;
+ max-width: 300px;
+ text-overflow: ellipsis;
+ overflow: hidden;
+ white-space: nowrap;
+}
+.plane-item__level-item[data-v-1a056e44] {
+ width: 24px;
+ height: 4px;
+ background-color: #fff;
+ border-radius: 2px;
+ margin: 0 2px;
+}
+.plane-item__level[data-v-1a056e44] {
+ display: flex;
+ align-items: center;
+}
+.plane-item__level .active-item[data-v-1a056e44] {
+ background-color: #fbbf24;
+}
+.plane.plane1 .centerimg[data-v-1a056e44] {
+ width: 245px;
+ height: 96px;
+}
+.header-avatar[data-v-1a056e44] {
+ width: 60px;
+ height: 60px;
+ border-radius: 50%;
+ margin-right: 12px;
+}
+
+.header-content[data-v-1a056e44] {
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+}
+.header-content__title[data-v-1a056e44] {
+ display: flex;
+ align-items: center;
+ height: 24px;
+ font-size: 16px;
+ font-weight: 600;
+ color: #fff;
+}
+.header-content__desc[data-v-1a056e44] {
+ margin-top: 8px;
+ font-size: 12px;
+ line-height: 16px;
+ color: #ffffffb3;
+}
+.header-content__title-tag[data-v-1a056e44] {
+ margin-left: 4px;
+ padding-inline: 4px;
+ color: #000;
+ background-color: #f7b328;
+ border-radius: 4px;
+ font-size: 12px;
+ line-height: 18px;
+}
+</style>
diff --git a/src/views/my/index.vue b/src/views/my/index.vue
index a383991..5958613 100644
--- a/src/views/my/index.vue
+++ b/src/views/my/index.vue
@@ -1,9 +1,9 @@
<!-- 布局入口 -->
<template>
<div class="app-box">
- <div class="box-view">
- <!-- left -->
- <div class="left-view">
+ <!-- <div class="box-view"> -->
+ <!-- left -->
+ <!-- <div class="left-view">
<div
v-for="(it, i) in list"
:key="i"
@@ -14,12 +14,12 @@
<img :src="$getImages(`headIcon/personal-menu/${it.imgKey}.png`)" />
<span>{{ $t(`message.user.${it.label}`) }}</span>
</div>
- </div>
- <!-- right -->
- <div class="right-view">
- <router-view />
- </div>
- </div>
+ </div> -->
+ <!-- right -->
+ <!-- <div class="right-view"> -->
+ <router-view />
+ <!-- </div> -->
+ <!-- </div> -->
</div>
</template>
@@ -99,6 +99,6 @@
background-color: #f7b328;
}
.right-view {
- width: 1200px;
+ /* width: 1200px; */
}
</style>
diff --git a/src/views/wallet/components/optionRecord.vue b/src/views/wallet/components/optionRecord.vue
new file mode 100644
index 0000000..137c456
--- /dev/null
+++ b/src/views/wallet/components/optionRecord.vue
@@ -0,0 +1,296 @@
+<template>
+ <div class="router-view">
+ <div class="trade">
+ <div class="recharge_content">
+ <el-tabs
+ v-model="activeName"
+ class="order-tab"
+ @tab-click="handleClick"
+ >
+ <el-tab-pane
+ v-for="(item, index) in labels"
+ :key="index"
+ :name="index"
+ :label="item"
+ name="financial"
+ >
+ </el-tab-pane>
+
+ <el-table
+ :data="tableData"
+ class="width100"
+ :header-row-class-name="getRowClass"
+ :empty-text="$t('message.home.noData')"
+ >
+ <el-table-column
+ prop="close_time"
+ :label="$t('message.user.shijian')"
+ :formatter="formatterDate"
+ ></el-table-column>
+ <!-- <el-table-column prop="order_no" label="订单号"></el-table-column> -->
+ <el-table-column
+ prop="name"
+ :label="$t('message.user.bizhong')"
+ ></el-table-column>
+ <el-table-column
+ prop="direction"
+ :label="$t('message.user.leixing')"
+ >
+ <template #default="scope">
+ <div :class="scope.row.direction == 'buy' ? 'green' : 'red'">
+ {{
+ scope.row.direction == "buy"
+ ? $t("message.home.kaiduo")
+ : $t("message.home.kaikong")
+ }}
+ </div>
+ </template>
+ </el-table-column>
+ <el-table-column
+ prop="trade_avg_price"
+ :label="$t('message.user.kaicangjiage')"
+ ></el-table-column>
+ <el-table-column
+ prop="amount_open"
+ :label="$t('message.user.chengjiaoshuliang')"
+ ></el-table-column>
+ <el-table-column
+ prop="close_avg_price"
+ :label="$t('message.user.pingcangjiage')"
+ ></el-table-column>
+ <el-table-column
+ prop="fee"
+ :label="$t('message.user.shouxufei')"
+ ></el-table-column>
+ <el-table-column
+ prop="profit"
+ :label="$t('message.user.shijiyingkui')"
+ >
+ <template #default="scope">
+ <div :class="scope.row.profit > 0 ? 'green' : 'red'">
+ {{ scope.row.profit }}
+ </div>
+ </template>
+ </el-table-column>
+ <el-table-column
+ prop="change_radio"
+ :label="$t('message.user.shouyilv') + '(%)'"
+ >
+ <template #default="scope">
+ <div :class="scope.row.change_ratio > 0 ? 'green' : 'red'">
+ {{ scope.row.change_ratio }}
+ </div>
+ </template>
+ </el-table-column>
+ <el-table-column prop="state" :label="$t('message.user.zhuangtai')">
+ <template #default="scope">
+ <div>
+ {{
+ scope.row.state == "created"
+ ? $t("message.user.yipingcang")
+ : $t("message.user.chicang")
+ }}
+ </div>
+ </template>
+ </el-table-column>
+ </el-table>
+ <!-- 分页 -->
+ <el-pagination
+ class="pagination-box"
+ v-model:current-page="pageNum"
+ default-page-size="20"
+ layout="total, prev, pager, next, jumper"
+ :total="tableLength"
+ @current-change="handleCurrentChange"
+ />
+ </el-tabs>
+ </div>
+ </div>
+ </div>
+ <footer-view></footer-view>
+</template>
+
+<script>
+import { getContractOrder } from "@/api/order.js";
+import dayjs from "dayjs";
+export default {
+ name: "financialHistory",
+ data() {
+ return {
+ activeName: 0,
+ labels: ["當前交易", "歷史交易"],
+ tableData: [],
+ mineData: [],
+ pageNum: 1,
+ tableLength: 0,
+ };
+ },
+ mounted() {
+ // if (this.$route.query.type) {
+ // this.activeName = this.$route.query.type;
+ // }
+ let spToken = localStorage.getItem("spToken");
+ if (spToken) {
+ this.getList();
+ this.getMineList();
+ }
+ },
+ methods: {
+ formatterDate(row) {
+ return dayjs.unix(row.create_time_ts).format("YYYY-MM-DD HH:mm:ss");
+ },
+ handleCurrentChange(val) {
+ this.pageNum = val;
+ this.getList();
+ },
+ handleClick(tab, event) {
+ console.log(tab, event);
+ this.getList();
+ },
+ //获取列表数据
+ async getList() {
+ const data = {
+ page_no: this.pageNum,
+ type: this.activeName === 1 ? "orders" : "hisorders", // orders 为当前持仓，hisorders 为历史持仓
+ symbol: "",
+ symbolType: this.type,
+ };
+ const res = await getContractOrder(data);
+ this.tableData = res.data;
+ this.tableLength = res.data.length;
+ if (this.tableLength == 0 || this.tableLength < 10) {
+ this.isNext = true;
+ } else {
+ this.isNext = false;
+ }
+ },
+ //矿池锁仓列表,state=2为已解锁的
+ async getMineList() {
+ const res = await getMinerOrder({
+ state: 2,
+ page_no: 1,
+ });
+ this.mineData = res.data;
+ },
+ //理财详情
+ goDetail() {},
+ //矿池详情
+ goMineDetail() {},
+ //给表头设置边框线
+ getRowClass({ rowIndex, columnIndex }) {
+ if (rowIndex == 0) {
+ return "border-top:1px solid #EBEEF5";
+ }
+ },
+
+ getLocalLan() {
+ var lang = JSON.parse(localStorage.getItem("lang"));
+ // 简体中文：miner_name，繁体：miner_name_cn miner_name_en
+ if (lang == "en") {
+ return "miner_name_en";
+ } else if (lang == "cht") {
+ return "miner_name_cn";
+ } else if (lang == "zh-CN") {
+ return "miner_name";
+ }
+ return "miner_name_en";
+ },
+ },
+};
+</script>
+
+<style scoped>
+.router-view {
+ flex: 1;
+ background-color: #000;
+}
+
+.trade {
+ min-height: 700px;
+ background: #000;
+ padding-bottom: 16px;
+ padding-top: 28px;
+}
+
+.trade .recharge_content {
+ max-width: 1232px;
+ min-width: 976px;
+ margin: 0 auto;
+ color: #fff;
+}
+
+.head {
+ padding: 32px;
+ box-sizing: border-box;
+ display: flex;
+ justify-content: space-between;
+ flex-wrap: wrap;
+ border-radius: 16px;
+ background: linear-gradient(to bottom right, #f7b328, #1e2129);
+ font-size: 14px;
+ color: #ffffffb3;
+ margin-bottom: 20px;
+ .value {
+ margin-top: 12px;
+ font-size: 30px;
+ color: #fff;
+ }
+}
+.pagination-box {
+ justify-content: center;
+ display: flex;
+ margin-top: 20px;
+}
+
+/deep/ .el-table {
+ border-radius: 8px;
+ padding: 16px;
+ background-color: #1b1e26 !important;
+ color: #fff;
+}
+/deep/ .el-table th.el-table__cell {
+ background-color: #1b1e26 !important;
+ border-bottom: none !important;
+}
+/deep/ .el-table__inner-wrapper:before {
+ background-color: #1b1e26 !important;
+}
+/deep/ .el-tabs__nav-wrap:after {
+ background-color: #000 !important;
+}
+/deep/ .el-tabs__item,
+/deep/ .el-tabs__item:hover {
+ color: #b1b1b1 !important;
+ font-size: 18px;
+}
+/deep/ .el-tabs__item.is-active {
+ color: #f7b328 !important;
+ font-size: 18px !important;
+ font-weight: 600;
+}
+/deep/ .el-table tr {
+ background-color: #1b1e26 !important;
+}
+/deep/
+ .el-table--enable-row-hover
+ .el-table__body
+ tr:hover
+ > td.el-table__cell {
+ background-color: #1b1e26 !important;
+}
+/deep/ .el-table td.el-table__cell div {
+ /* color: #fff; */
+}
+/deep/ .el-pagination button.is-disabled,
+/deep/ .el-pagination button:disabled,
+/deep/ .el-pager li,
+/deep/ .el-input__wrapper {
+ background-color: #1b1e26 !important;
+}
+/deep/ .el-pager li.is-active {
+ color: #f7b328 !important;
+}
+/deep/ .el-input__inner {
+ color: #fff;
+}
+</style>
--
Gitblit v1.9.3