<template>
|
<div class="introduce">
|
<div class="introduce-1 container">
|
<!-- <div class="h1-title">
|
{{ $t('message.home["m2-ssc-s2-h1"]') }} &
|
{{ $t("message.home.fuwu") }}
|
</div> -->
|
<div class="desc">
|
<h1>{{ $t("message.user.ma4") }}</h1>
|
<p>
|
{{ $t("message.user.ma5") }}
|
</p>
|
</div>
|
<div class="list">
|
<div class="list_item">
|
<img
|
src="../../../assets/forexImages/youshi1-999dca68.png"
|
alt=""
|
class="img128"
|
/>
|
<h1 class="list_item_title">{{ $t("message.user.ma6") }}</h1>
|
<p class="list_item_text">{{ $t("message.user.ma7") }}</p>
|
</div>
|
<div class="list_item">
|
<img src="../../../assets/forexImages/youshi2-7264896b.png" alt="" />
|
<h1 class="list_item_title">{{ $t("message.user.ma19") }}</h1>
|
<p class="list_item_text">{{ $t("message.user.ma20") }}</p>
|
</div>
|
<div class="list_item">
|
<img src="../../../assets/forexImages/youshi3-d83183ea.png" alt="" />
|
<h1 class="list_item_title">{{ $t("message.user.ma22") }}</h1>
|
<p class="list_item_text">
|
{{ $t("message.user.ma23") }}
|
<!-- 對接主流交易所，不再， 擔心操作市場 -->
|
</p>
|
</div>
|
<div class="list_item">
|
<img src="../../../assets/forexImages/youshi4-2f4f49a8.png" alt="" />
|
<h1 class="list_item_title">
|
{{ $t("message.user.ma9") }}
|
<!-- 銀行級安全 -->
|
</h1>
|
<p class="list_item_text">
|
{{ $t("message.user.ma10") }}
|
<!-- 頂級風控體系，用戶 資產絕對安全 -->
|
</p>
|
</div>
|
</div>
|
</div>
|
<div class="introduce-2">
|
<div class="wrap container">
|
<div class="desc">
|
<h1>
|
{{ $t("message.user.ma11") }}
|
<!-- 產品和服務 -->
|
</h1>
|
<p>
|
{{ $t("message.user.ma12") }}
|
<!-- 為全球數百萬用戶提供安全可靠的數字資產交易和資產管理服務，助力區塊鏈經濟演進，重塑行業新生態格局 -->
|
</p>
|
</div>
|
<div class="list">
|
<div class="list_item">
|
<img src="../../../assets/forexImages/prodec-b42f3823.svg" alt="" />
|
<h1 class="list_item_title">{{ $t("message.user.ma13") }}</h1>
|
<p class="list_item_text">
|
{{ $t("message.user.ma14") }}
|
</p>
|
</div>
|
<div class="list_item">
|
<img
|
src="../../../assets/forexImages/prodect2-55f0ac99.svg"
|
alt=""
|
/>
|
<h1 class="list_item_title">{{ $t("message.user.ma15") }}</h1>
|
<p class="list_item_text">
|
{{ $t("message.user.ma16") }}
|
</p>
|
</div>
|
<div class="list_item">
|
<img
|
src="../../../assets/forexImages/prodect3-0fe127b8.svg"
|
alt=""
|
/>
|
<h1 class="list_item_title">{{ $t("message.user.ma17") }}</h1>
|
<p class="list_item_text">
|
{{ $t("message.user.ma18") }}
|
</p>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
<!-- <div class="introduce-3">
|
<div class="h1-title">{{ $t('message.home["3步完成交易"]') }}</div>
|
<div class="main">
|
<div class="left"><img src="@/assets/images/wcjy.01eb327a.png" /></div>
|
<div class="right">
|
<dl>
|
<dt>{{ $t('message.home["從帳戶充值開始"]') }}</dt>
|
<dd>
|
{{
|
$t(
|
'message.home["支持多鏈幣種充值，讓你快速開啟加密貨幣交易之旅。"]'
|
)
|
}}
|
</dd>
|
<dt>{{ $t('message.home["進行現貨交易"]') }}</dt>
|
<dd>
|
{{
|
$t(
|
'message.home["提供包括BTC、ETH等上百種優質交易對以供選擇，在Deepcoin享流暢交易。"]'
|
)
|
}}
|
</dd>
|
<dt>{{ $t('message.home["進行永續合約交易"]') }}</dt>
|
<dd>
|
{{
|
$t('message.home["多倍槓桿放大交易收益，無期限優化投資組合。"]')
|
}}
|
</dd>
|
</dl>
|
<button>
|
{{ $t('message.home["learn-more"]')
|
}}<img
|
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAxCAMAAACrgNoQAAAAAXNSR0IArs4c6QAAAF1QTFRFAAAA////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////USr75QAAAB50Uk5TAAgQGCAoLzhASFBfb3eAhoeOj5efp6+3x8/f5+/3xrwkAwAAAINJREFUSMftlEkKgDAMRWOd57lObe5/TFFXYhSzEFT61v8RksAHMBjehpsmHkuotZIsY0JEltEi0/Dk7w07TigafWYUoyJZBWwt8k3naHEQ5KXQHyf4ebmnWtl2GEJia0sQONUiDNHdq4pMfToPKTMPIzMPHTMPQVNHvJ5xbNO1hkeZAR7YGVKiApwnAAAAAElFTkSuQmCC"
|
/>
|
</button>
|
</div>
|
</div>
|
</div> -->
|
<!-- </div> -->
|
|
<!-- <div>
|
<div class="download download-pc">
|
<div class="download-left">
|
<div class="download-title">
|
{{ $t('message.home["輕鬆玩賺數字貨幣."]') }}
|
</div>
|
<div class="download-desc">
|
{{ $t('message.home["download-desc"]') }}
|
</div>
|
<div class="download-qrcod">
|
<div class="download-qrcod-left">
|
<img src="@/assets/images/er-code.png" />
|
</div>
|
<div class="download-qrcod-right">
|
<div class="p1">{{ $t('message.home["掃碼下載"]') }}</div>
|
<div class="p2">iOS & Android</div>
|
</div>
|
</div>
|
<div class="download-btn">
|
<a href="app.mobileconfig" class="app-store"
|
>>
|
<img
|
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAApCAMAAABnXgszAAAAAXNSR0IArs4c6QAAAEtQTFRFAAAA////////////////////////////////////////////////////////////////////////////////////////////////g5kLBwAAABh0Uk5TABAgMEBPUF9gb3CAkJ+gr76/z97f7u/+pQ2o+wAAAOhJREFUGBl9wQl2gzAMBcAv4YawGGqimH//kxbjLG1f5Bk4Qo+2IdPQoonkhgY1HiIaFhYBvsDC0LCwUDRkHq5oEJKpQ4vEOeAjGWJKc8BJhtVsW3vBmyZW1quExAcb8dRnOlbB6ULfikIzfTOKhb4JhdI34TTTZagSXSMq+jqclK6MqqPLUHV0GSqlT3AS+r5QGV0J1UrfBaeRvqwoAhssoDC2RAEwscVwELZEFJENikIzXRHVRI8pKrnR0eOpu/OjiLeRn5jgl2lnsd+3lIyVKf643vZ9/x4Eh27JJFfBfyEoXkIQPPwAAgVL7cJJiO8AAAAASUVORK5CYII="
|
class="app-store-icon"
|
/>
|
<div>App Store</div> </a
|
><a href="app.apk" class="google-pay"
|
><img
|
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAfCAMAAAAshTY2AAAAAXNSR0IArs4c6QAAAE5QTFRFAAAA////////////////////////////////////////////////////////////////////////////////////////////////////kJcbLQAAABl0Uk5TABAgMEBfb3B/gI6PkJ6foK++v87e3+7v/jitggUAAACNSURBVCjPtdLLEoIwEERREoIxiqKQBO7//6gLi7LETO/s7anKY6a77p8Jj/nuLTwBlGhoAYAyNJU9zeP55OqVNo7nK7lXerz+qGxnpZAHpbB4pXCRSpJapW5SF6XVC705+81zsKdRo5hkcvacn97eYA729tcomjO639at+y/6VmPHd99Cu+1ugjW5Fr0A0N4q5uIDt0YAAAAASUVORK5CYII="
|
class="google-pay-icon"
|
/>
|
<div>Google Play</div>
|
</a>
|
</div>
|
</div>
|
<div class="download-right">
|
<img src="@/assets/images/download-img.4fed2226.png" />
|
</div>
|
</div>
|
</div> -->
|
|
<div data-v-fa03526b="" class="download_pc">
|
<div class="wrap container">
|
<div class="left">
|
<img src="../../../assets/forexImages/df-1da51671.png" alt="" />
|
</div>
|
<div class="right">
|
<h1>{{ $t("message.user.ma21") }}</h1>
|
<div class="bot">
|
<div class="bot_l">
|
<canvas
|
width="288"
|
height="288"
|
style="width: 144px; height: 144px"
|
></canvas
|
><button class="btn">
|
<span>IOS</span
|
><i class="el-icon" style="font-size: 24px; --color: #f7b328"
|
><svg
|
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
|
></i>
|
</button>
|
</div>
|
<div class="bot_r">
|
<canvas
|
width="288"
|
height="288"
|
style="width: 144px; height: 144px"
|
></canvas
|
><button class="btn">
|
<span>Android</span
|
><i class="el-icon" style="font-size: 24px; --color: #f7b328"
|
><svg
|
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
|
></i>
|
</button>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div>
|
<!-- <div class="invite invite-pc">
|
<div class="invite-left">
|
<img src="@/assets/images/invite-img.b09d093f.png" />
|
</div>
|
<div class="invite-right">
|
<div class="invite-title">
|
{{ $t('message.home["邀請好友，享40%返佣"]') }}
|
</div>
|
<div class="invite-desc">{{ $t('message.home["邀請返佣"]') }}</div>
|
<button>
|
{{ $t('message.home["領取高額返佣"]')
|
}}<img
|
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAxCAMAAACrgNoQAAAAAXNSR0IArs4c6QAAAF1QTFRFAAAA////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////USr75QAAAB50Uk5TAAgQGCAoLzhASFBfb3eAhoeOj5efp6+3x8/f5+/3xrwkAwAAAINJREFUSMftlEkKgDAMRWOd57lObe5/TFFXYhSzEFT61v8RksAHMBjehpsmHkuotZIsY0JEltEi0/Dk7w07TigafWYUoyJZBWwt8k3naHEQ5KXQHyf4ebmnWtl2GEJia0sQONUiDNHdq4pMfToPKTMPIzMPHTMPQVNHvJ5xbNO1hkeZAR7YGVKiApwnAAAAAElFTkSuQmCC"
|
/>
|
</button>
|
</div>
|
</div> -->
|
</div>
|
</div>
|
</template>
|
<script>
|
export default {
|
name: "pagePromote",
|
};
|
</script>
|
|
<style scoped lang="scss">
|
.introduce {
|
background: #1b1e26;
|
// width: 1200px;
|
margin: 0 auto;
|
|
.h1-title {
|
line-height: 136px;
|
font-size: 40px;
|
font-family: Noto Sans SC;
|
font-weight: 500;
|
color: #23262f;
|
}
|
|
.introduce-1 ul {
|
display: flex;
|
flex-wrap: wrap;
|
align-items: center;
|
|
li {
|
box-sizing: border-box;
|
flex: 0 0 585px;
|
width: 585px;
|
height: 198px;
|
border-radius: 12px;
|
border: 1px solid #e3e5eb;
|
display: flex;
|
align-items: center;
|
margin-right: 24px;
|
margin-bottom: 24px;
|
padding-left: 24px;
|
|
&:nth-child(2n) {
|
margin-right: 0;
|
}
|
|
.left {
|
flex: 0 0 128px;
|
width: 128px;
|
height: 126px;
|
|
img {
|
width: 100%;
|
height: 100%;
|
}
|
}
|
|
.right {
|
margin-left: 24px;
|
flex: 0 0 375px;
|
width: 375px;
|
|
.title {
|
font-size: 24px;
|
font-family: Noto Sans SC;
|
font-weight: 500;
|
color: #23262f;
|
line-height: 34px;
|
}
|
|
.desc {
|
font-size: 16px;
|
font-family: Noto Sans SC;
|
font-weight: 400;
|
color: #707278;
|
line-height: 24px;
|
margin-top: 12px;
|
}
|
}
|
}
|
}
|
|
.introduce-2 {
|
margin-top: 76px;
|
background: #181a20;
|
ul {
|
display: flex;
|
justify-content: center;
|
|
li {
|
width: 340px;
|
text-align: center;
|
margin-left: 90px;
|
|
&:first-child {
|
margin-left: 0;
|
}
|
|
img {
|
display: block;
|
width: 88px;
|
height: 88px;
|
margin: 0 auto;
|
}
|
|
.title {
|
font-size: 24px;
|
font-family: Noto Sans SC;
|
font-weight: 500;
|
color: #23262f;
|
line-height: 34px;
|
margin-top: 24px;
|
}
|
|
.desc {
|
font-size: 16px;
|
font-family: Noto Sans SC;
|
font-weight: 400;
|
color: #707278;
|
line-height: 24px;
|
margin-top: 10px;
|
}
|
}
|
}
|
}
|
|
.introduce-3 {
|
margin-top: 56px;
|
|
.main {
|
display: flex;
|
|
.left {
|
flex: 0 0 720px;
|
width: 720px;
|
height: 405px;
|
|
img {
|
width: 100%;
|
height: 100%;
|
}
|
}
|
|
.right {
|
flex: 0 0 384px;
|
width: 384px;
|
margin-left: 60px;
|
|
dl dt {
|
font-size: 20px;
|
font-family: Noto Sans SC;
|
font-weight: 500;
|
color: #23262f;
|
line-height: 30px;
|
}
|
|
dl dd {
|
font-size: 16px;
|
font-family: Noto Sans SC;
|
font-weight: 400;
|
color: #707278;
|
line-height: 24px;
|
margin-top: 4px;
|
margin-bottom: 20px;
|
}
|
|
button {
|
cursor: pointer;
|
padding: 0 16px;
|
height: 48px;
|
background: #f7b328;
|
border-radius: 24px;
|
color: #fff;
|
outline: none;
|
border: none;
|
font-size: 18px;
|
font-family: PingFang SC;
|
font-weight: 600;
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
|
img {
|
width: 24px;
|
height: 24px;
|
}
|
}
|
}
|
}
|
}
|
}
|
|
.download {
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
background: #17181e;
|
height: 521px;
|
margin-top: 120px;
|
|
.download-left {
|
flex: 0 0 640px;
|
|
.download-title {
|
font-size: 40px;
|
font-family: Noto Sans SC;
|
font-weight: 500;
|
color: #fff;
|
line-height: 58px;
|
}
|
|
.download-desc {
|
font-size: 20px;
|
font-family: Noto Sans SC;
|
font-weight: 500;
|
color: #9b9da5;
|
line-height: 30px;
|
}
|
|
.download-qrcod {
|
margin-top: 40px;
|
width: 459px;
|
height: 120px;
|
background: #212631;
|
padding: 16px;
|
box-sizing: border-box;
|
display: flex;
|
align-items: center;
|
|
.download-qrcod-left {
|
flex: 0 0 88px;
|
width: 88px;
|
height: 88px;
|
|
img {
|
width: 100%;
|
height: 100%;
|
}
|
}
|
|
.download-qrcod-right {
|
margin-left: 16px;
|
|
.p1 {
|
font-size: 18px;
|
font-family: Noto Sans SC;
|
font-weight: 500;
|
color: #9da5b0;
|
line-height: 28px;
|
}
|
|
.p2 {
|
font-size: 16px;
|
font-family: Noto Sans SC;
|
font-weight: 700;
|
color: #fff;
|
line-height: 24px;
|
margin-top: 6px;
|
}
|
}
|
}
|
|
.download-btn {
|
display: flex;
|
margin-top: 40px;
|
|
a {
|
flex: 0 0 126px;
|
width: 126px;
|
height: 48px;
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
margin-left: 16px;
|
|
&:first-child {
|
margin-left: 0;
|
}
|
|
.app-store-icon {
|
flex: 0 0 17px;
|
width: 17px;
|
height: 20px;
|
}
|
|
.google-pay-icon {
|
flex: 0 0 14px;
|
width: 14px;
|
height: 15px;
|
}
|
|
div {
|
font-size: 16px;
|
font-family: Noto Sans SC;
|
font-weight: 700;
|
color: #fff;
|
line-height: 24px;
|
margin-left: 9px;
|
}
|
}
|
}
|
}
|
|
.download-right {
|
flex: 0 0 540px;
|
width: 540px;
|
height: 298px;
|
margin-left: 36px;
|
|
img {
|
width: 100%;
|
height: 100%;
|
}
|
}
|
}
|
|
.invite {
|
display: flex;
|
height: 448px;
|
align-items: center;
|
justify-content: center;
|
background: #f7f9fc;
|
.invite-left {
|
width: 288px;
|
height: 328px;
|
img {
|
width: 100%;
|
height: 100%;
|
}
|
}
|
.invite-right {
|
margin-left: 150px;
|
.invite-title {
|
font-size: 40px;
|
font-family: Noto Sans SC;
|
font-weight: 500;
|
color: #23262f;
|
line-height: 45px;
|
}
|
.invite-desc {
|
font-size: 20px;
|
font-family: Noto Sans SC;
|
font-weight: 500;
|
color: #707278;
|
line-height: 30px;
|
margin-top: 12px;
|
}
|
button {
|
cursor: pointer;
|
padding: 0 16px;
|
height: 48px;
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
outline: none;
|
border: none;
|
background: #f7b328;
|
margin-top: 32px;
|
border-radius: 24px;
|
font-size: 18px;
|
font-family: PingFang SC;
|
font-weight: 600;
|
color: #fff;
|
img {
|
width: 24px;
|
height: 24px;
|
}
|
}
|
}
|
}
|
|
.container {
|
width: 100%;
|
box-sizing: border-box;
|
padding: 0 24px;
|
margin: 0 auto;
|
.desc {
|
h1 {
|
color: #fff;
|
text-align: center;
|
}
|
p {
|
max-width: 60%;
|
margin: 12px auto 0;
|
color: #fff;
|
text-align: center;
|
}
|
}
|
|
.list {
|
display: flex;
|
justify-content: space-around;
|
margin-top: 160px;
|
}
|
.list_item {
|
flex: 0 0 23%;
|
display: flex;
|
flex-direction: column;
|
justify-content: center;
|
align-items: center;
|
.img128 {
|
width: 128px;
|
height: 128px;
|
}
|
img {
|
width: 188px;
|
height: 128px;
|
}
|
.list_item_title {
|
color: #fff;
|
font-size: 20px;
|
margin: 20px 0;
|
}
|
.list_item_text {
|
color: #b1b1b1;
|
font-size: 16px;
|
width: 188px;
|
text-align: center;
|
}
|
}
|
}
|
|
.download_pc {
|
width: 100%;
|
background-color: #1b1e26;
|
padding: 48px 0;
|
.container {
|
width: 100%;
|
height: 100%;
|
box-sizing: border-box;
|
padding: 0 24px;
|
display: flex;
|
align-content: center;
|
}
|
.wrap {
|
min-width: 100%;
|
max-width: 100%;
|
box-sizing: border-box;
|
padding: 0 12px;
|
margin: 0 auto;
|
.left {
|
width: 60%;
|
img {
|
width: 100%;
|
height: 100%;
|
}
|
}
|
.right {
|
display: flex;
|
flex-direction: column;
|
align-items: flex-start;
|
justify-content: center;
|
h1 {
|
color: #fff;
|
font-size: 30px;
|
font-weight: 400;
|
margin-bottom: 10px;
|
width: 340px;
|
}
|
.bot {
|
display: flex;
|
align-items: center;
|
justify-content: flex-start;
|
.bot_l {
|
display: flex;
|
height: 144px;
|
flex-direction: column;
|
align-items: baseline;
|
justify-content: flex-start;
|
margin-right: 20px;
|
.btn {
|
width: 144px;
|
display: flex;
|
margin-top: 20px;
|
padding: 10px 0;
|
cursor: pointer;
|
align-items: center;
|
justify-content: space-around;
|
height: 58px;
|
background: rgb(33, 33, 33);
|
border: 1px solid rgba(177, 177, 177, 0.5);
|
border-radius: 8px;
|
color: #f7b328;
|
}
|
}
|
.bot_r {
|
display: flex;
|
height: 144px;
|
flex-direction: column;
|
align-items: baseline;
|
justify-content: flex-start;
|
.btn {
|
width: 144px;
|
display: flex;
|
margin-top: 20px;
|
padding: 10px 0;
|
cursor: pointer;
|
align-items: center;
|
justify-content: space-around;
|
height: 58px;
|
background: rgb(33, 33, 33);
|
border: 1px solid rgba(177, 177, 177, 0.5);
|
border-radius: 8px;
|
color: #f7b328;
|
}
|
}
|
}
|
}
|
}
|
}
|
</style>
|
