<template>
|
<div style="height: 55px">
|
<div class="page-header-background">
|
<div class="page-header-content page-header-box">
|
<!-- 通用左边菜单 -->
|
<div class="left-page-header">
|
<div @click="goRouter('/')" class="logo">
|
<img
|
src="./src/assets/forexImages/newlogo.png"
|
width="40"
|
height="40"
|
/>
|
<span class="logoName2"> {{ $title }} </span>
|
</div>
|
<menu-item
|
v-for="(_, i) in leftMenuList"
|
:key="i"
|
:title="_.title"
|
:menuList="_.menuList"
|
:url="_.url"
|
:tips="_.tips"
|
>
|
</menu-item>
|
</div>
|
<!-- 登录前的右边菜单，在登录页面用到-->
|
<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>
|
<i
|
@click="goApp()"
|
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')"
|
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>-->
|
<!-- <div @click="handleChangeLang('exchange')">{{ rate }}</div> -->
|
</div>
|
<!-- 登录后的右边菜单 -->
|
<div class="right-page-header" v-else>
|
<!-- 充值 -->
|
<!-- <div style="margin: auto; top: 0; left: 0; bottom: 0; right: 0">
|
<div
|
@click="goRechargePage"
|
style="
|
background-color: #f7b328;
|
font-size: 14px;
|
font-weight: 700;
|
width: 85px;
|
height: 36px;
|
border-radius: 5px;
|
display: flex;
|
flex-direction: row;
|
align-items: center;
|
justify-content: center;
|
gap: 6px;
|
"
|
>
|
{{ $t("message.user.chongzhi") }}
|
</div>
|
</div> -->
|
<!-- 钱包订单用户中心 -->
|
<menu-item
|
v-for="(_, i) in rightMenuList"
|
:key="i"
|
:title="_.title"
|
:menuList="_.menuList"
|
:isRight="true"
|
>
|
</menu-item>
|
<i
|
@click="goApp()"
|
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')"
|
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>
|
<!-- <img
|
@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"
|
/> -->
|
<!-- <img
|
@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"
|
/> -->
|
<!-- 选择的语言 -->
|
<!-- <div @click="handleChangeLang('lang')" style="margin-left: 16px">-->
|
<!-- {{ $t("message.home.language") }}-->
|
<!-- </div>-->
|
<!-- <div @click="handleChangeLang('exchange')">{{ rate }}</div> -->
|
</div>
|
</div>
|
</div>
|
<!-- 语言和汇率弹窗 -->
|
<lang-select ref="langSelect" />
|
</div>
|
</template>
|
<script>
|
import { mapState } from "pinia";
|
import Axios from "@/api/login.js";
|
import { useUserStore } from "@/store/user";
|
import LangSelect from "./langSelect.vue";
|
import MenuItem from "./headerMenuItem.vue";
|
import { getImages } from "@/utils/index";
|
const contractList = (urlPath) => {
|
return [
|
{
|
iconPath:
|
"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAdCAMAAABhTZc9AAAAAXNSR0IArs4c6QAAAORQTFRFAAAAAAD/IGD/IHD/MGD/LVr/KGD3KGD/KGj3KGj/J133J2T/KmD6////JGP6KGT7J2L7K2L7KmT8JmP8KWP8////KGP8K2b8KGL6KmX6////KWP6LGX6KWL6KWT4KWT6K2T4KWP4KmT7////KmT5KmT7////K2X7KWT7K2T7K2T9KWP6KmL8Kmb8KmP6KmX8////KWT5K2T7KWX7KmP7KmX7K2X7KWT7K2T7KWT7KmT7KWP6KWP8K2P6KWP6KmP6KmP8////KmP7KmT7K2T7KmP7KmT7K2P7K2T7KmT7KmT7////g0n0hAAAAEp0Uk5TAAEQEBARICAgICEhMDAxQEFBT1BQUF9fYGBgb29wcHBwcX9/gICAjo+Pj5Cenp+fn6Cur6+vvr+/zs/e3t7f39/f7u7u7+/v7/5b/TK8AAABPklEQVQoz13Sa0OCMBQG4AMUll3ooiXdLKKLGXazXGShltHG//8/beeMwTgfZONh4+xFgO6RLsDyojQXOTtcp+m8oEL1BkLXLKorYSqquqmU9mVCNHheYWih4AGp7iizVbyhauyILFtai5VqhE1X/vi9L0tLLKv9ahigC81yJpVSQp0hY2wY0Gz1z+ys6iQvE6IA45p641qbGGCbJlM1HlunOFNvxq35gRxGdgTfcnMHc3mWuEYJ8cUnNwnh2nfXhMv7LvgjGrqwLS+3CuEFb/WxVzwoD5275YM+HH7SXxoH+GQMrkkGX5vS2NcKtuq1O7ZeAjzhnQsMGJ/kexqvC4BzOsfVhrPLyp41Sl35afwj7g1KhVMbpy2DSmFk5bxfISoMuMFFWENS6H2gcz5p1bEojxbESZIc6263HnX9A9gCiI3hyZOpAAAAAElFTkSuQmCC",
|
urlPath,
|
urlQuery: { timestamp: Date.now(), RouterName: "sustainable" },
|
title: "yongxuheyue",
|
desc: "yongxuheyue_1",
|
},
|
// 交割合约
|
// {
|
// iconPath:
|
// "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAdCAMAAABhTZc9AAAAAXNSR0IArs4c6QAAAPZQTFRFAAAAAAD/IGD/KGD3KGj/KmX6KGT7KGL6KmL6KmX6KmH6KWP6KWL6KWT6K2T9KmT5KmT7KmX8KWT5K2X7KmP7KmX7KmX7KWT7KWT7KmT7KWT7KWP6KmP6KmP7KmP7K2T7KmT7KmT7K2T7K2X7LWf7MWr8OG77PnL7PnP7P3P7QXX8RXf7Rnf7UID8U4H8U4L8VIL8YIv8Z5H8aJH8cJf8ep79faD9faH9kK/9ka/9kq/9krD9lLL9pr79pr/+p7/+rsX9rsX+r8X+u83+u87+vM7+0N3+1uL+5Ov/5ez+5ez/8vX/+Pr/+fr/+fv//v7//v//////K79StgAAACF0Uk5TAAEQICAwQGBgYGFvcHBwgICfoK6vr76/zs7P3t/u7+/+PJKz9AAAAQBJREFUKM+10elSwjAUBeCrQqoVRVxAcSFXC7ggVasFUYSyVDYtef+XMaEKjdz+0zOdSaZfcroE4DsMl8I34A/1tSPjycvzCL0ZiKkIhExANVcGisQ0IBUrY2mqgNQnEYbUx4mI33vvjybh1pnuap94+9b1Rx+LZk2v3edmzx9+ijGhRdtxGy3J9dJ7RA8ymbwcrEvbqb00ey5iqb/QBEBajdaV/eA2HDU9by8pWuU7pxo5BV1leRnjFS8wVvnv89V0/udg5eSfNaXeZNs095Wa6z8xC1IZgHHMkcwhm7WQfro1f4qR5fqC3OYqRLJm7B3xcMlZbocBkSRjLJmI3PgCnGNcJBWFvrgAAAAASUVORK5CYII=",
|
// urlPath,
|
// urlQuery: { timestamp: Date.now(), RouterName: "delivery" },
|
// title: "jiaogeheyue",
|
// desc: "jiaogeheyue_1",
|
// },
|
];
|
};
|
|
const spotList = (urlPath, tle) => {
|
return [
|
{
|
iconPath:
|
"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAdCAMAAACOj/wDAAAAAXNSR0IArs4c6QAAAS9QTFRFAAAAIGD/KGD3KGj/KmX6KGT7KmL6KmH6K2T9KmT5KmT7KWT7KmP6KmX8KWT5KmP7KmX7KWT7KmT7KWP6KWP8KWP6KmP6KmP7KmT7KmT7K2T7K2X7LGX7LGb7LWb7Lmf7L2j7MGj7Mmn7M2v8NGv7N237N277OG77O2/7O3H7PXL7RHj7RHj8RXj7SHn8SXv8S3z8UID8UoH8WIb8Xon8YIv8ZY/8aZL8a5P8bpb8cZj8ep79fqH8gqT9hab9iKn9iqr9lLH9lbH9nLf9nrj9obv9obz9o739pr7+rcX+rsX+r8T9tMn+t8r9v9H+wdL+zdv+0d3+1uH/2uT+3ef/4+v/5Or+5ev+5ev/5uz/6vD/8fT/8fX/9vn/+Pr/+/z//f3//f7//v7//v//////sCV05QAAABl0Uk5TABAgIDBAYGFwgICPn5+gr76/z97e39/u/t4AeeUAAAEBSURBVCjPrdHXTgJhEEDhoawIVsSyh7WDrg0L9s5i7713dt7/GbyQIHF/Ei48t99kksmIlGslkC31Y9Gjd3jEzZiwqP46DMzmJ4Lo+eq/5mFsdSGAnqr6+jLJUGHbsNbTLwAOD0z4+QGQvjg3YOH5CSB9e2PAjatLAOf9rYzVV6+dnQI4WjLg0u6OATuSyS5gfmtzkPRJSX3d+8WISBwYX1l2wX1UvSaAzMxN98Gi3uUM6GSzmX6H/RwG/Puy+vGh0v1UALVS6T+wMRZrAziudDQKtqSoWadIwq5hTSERCTebOGmVHx1OpOwaJCIi0Xh7j/0z0d3SEJJAoahlWZEq+AaXAFzpLnipXgAAAABJRU5ErkJggg==",
|
urlPath,
|
title: tle || "xianhuojiaoyishouye",
|
desc: "xianhuojiaoyi_1",
|
},
|
];
|
};
|
|
const leftMenuList = [
|
{
|
title: "home", //首页
|
url: "/page",
|
},
|
{
|
title: "hangqing", //市场
|
url: "/market",
|
},
|
|
// {
|
// title: "meigu", // 美股 = 美股交易 永续合约 交割合约
|
// menuList: [
|
// ...contractList("/usStocks/constract/AAPL"),
|
// ...spotList("/usStocks/spot/AAPL", "meigujiaoyi"),
|
// ],
|
// },
|
// {
|
// title: "etf", // ETF= etf交易 永续合约 交割合约
|
// menuList: [
|
// ...contractList("/etf/constract/GlobalETF500"),
|
// ...spotList("/etf/spot/GlobalETF500", "etfjiaoyi"),
|
// ],
|
// },
|
// {
|
// title: "xianhuojiaoyishouye", //现货交易
|
// url: "/coin/spot/btc",
|
// },
|
// {
|
// title: "shandui", //闪兑
|
// url: "/exchange",
|
// },
|
{
|
title: "bibijiaoyi", // 现货交易
|
url: "/coin/spot/btc",
|
},
|
{
|
title: "heyue", // 永续合约
|
url: "/coin/constract/btc",
|
},
|
|
// {
|
// title: "jiaoyi", // 数字货币= 现货交易 永续合约 交割合约
|
// menuList: [
|
// ...contractList("/coin/constract/btc"),
|
// ...spotList("/coin/spot/btc"),
|
// ],
|
// },
|
// {
|
// title: "waihui", // 外汇=永续合约 交割合约
|
// menuList: contractList("/forex/constract/BTCUSD"),
|
// },
|
// {
|
// title: "Agu", // A股=永续合约 交割合约
|
// menuList: [],
|
// tips: true,
|
// },
|
// {
|
// title: "ganggu", // 港股=永续合约 交割合约
|
// menuList: [],
|
// tips: true,
|
// },
|
// // {
|
// // title: "taigu", // 台股=永续合约 交割合约
|
// // menuList: [],
|
// // tips: true,
|
// // },
|
// {
|
// title: "licaijijin", //
|
// url: `/fundMa`,
|
// iconPath: getImages("headIcon/left-menu/pig.png"),
|
// },
|
{
|
title: "staking", //
|
url: `/fundMakc`,
|
// iconPath: getImages("headIcon/left-menu/min.png"),
|
},
|
// {
|
// title: "tuiguangzhouxin", //推广中心
|
// url: "/promote",
|
// },
|
/* {
|
title: "jinrongyewu", // 金融业务=基金理财+矿池锁仓+C2C
|
menuList: [
|
{
|
iconPath: getImages("headIcon/left-menu/pig.png"),
|
urlPath: "/fundMa",
|
title: "licaijijin",
|
desc: "jijinlicai_1",
|
},
|
{
|
iconPath: getImages("headIcon/left-menu/min.png"),
|
urlPath: "/fundMakc",
|
title: "kuangchisuocang",
|
desc: "kuangchisuocang_1",
|
},
|
// {
|
// iconPath: getImages("headIcon/left-menu/spot-icon.png"),
|
// urlPath: "/fundMakc",
|
// title: "c2c",
|
// desc: "kuangchisuocang_1",
|
// },
|
],
|
},*/
|
];
|
|
const rightMenuList = [
|
// {
|
// title: "qianbao",
|
// menuList: [
|
// {
|
// urlPath: "/wallet/walletOverview",
|
// title: "qianbaozonglan",
|
// iconPath: getImages("headIcon/wallet-menu/wallet-overview.png"),
|
// },
|
// // etf
|
// {
|
// urlPath: "/wallet/etfAccounts",
|
// title: "etfZhanghu",
|
// iconPath: getImages("headIcon/wallet-menu/etf.png"),
|
// },
|
// // 外汇
|
// {
|
// urlPath: "/wallet/forexAccounts",
|
// title: "waihuiZhanghu",
|
// iconPath: getImages("headIcon/wallet-menu/forex.png"),
|
// },
|
// // 数字货币
|
// {
|
// urlPath: "/wallet/cryptosAccounts",
|
// title: "shuzihuobiZhanghu",
|
// iconPath: getImages("headIcon/wallet-menu/cryptos.png"),
|
// },
|
// // 美股
|
// {
|
// urlPath: "/wallet/usStocksAccounts",
|
// title: "meiguZhanghu",
|
// iconPath: getImages("headIcon/wallet-menu/us.png"),
|
// },
|
// 现货账户
|
// {
|
// urlPath: "/wallet/spot",
|
// title: "xianhuozhanghu",
|
// iconPath: getImages("headIcon/wallet-menu/cryptos.png"),
|
// },
|
// 合约账户
|
// {
|
// urlPath: "/wallet/contractAccounts",
|
// title: "heyuezhanghu",
|
// iconPath: getImages("headIcon/wallet-menu/us.png"),
|
// },
|
// {
|
// urlPath: "/wallet/financialAccounts",
|
// title: "licaizhanghu",
|
// iconPath: getImages("headIcon/wallet-menu/financial-account.png"),
|
// },
|
// ],
|
// },
|
// {
|
// title: "dingdan",
|
// menuList: [
|
// {
|
// urlPath: "/order/etfOrder",
|
// title: "etflishi",
|
// iconPath: getImages("headIcon/wallet-menu/etf.png"),
|
// },
|
// {
|
// urlPath: "/order/forexOrder",
|
// title: "waihuilishi",
|
// iconPath: getImages("headIcon/wallet-menu/forex.png"),
|
// },
|
// {
|
// urlPath: "/order/coinOrder",
|
// title: "shuzihuobilishi",
|
// iconPath: getImages("headIcon/wallet-menu/cryptos.png"),
|
// },
|
// {
|
// urlPath: "/order/usStocksOrder",
|
// title: "meigulishi",
|
// iconPath: getImages("headIcon/wallet-menu/us.png"),
|
// },
|
// {
|
// urlPath: "/order/financialOrder",
|
// title: "licailishi",
|
// iconPath: getImages("headIcon/wallet-menu/financial-account.png"),
|
// },
|
// {
|
// urlPath: "/order/changeRecord",
|
// title: "zhangbianjilu",
|
// iconPath: getImages("headIcon/wallet-menu/record.png"),
|
// },
|
// {
|
// urlPath: "/order/walletHistory",
|
// title: "qianbaolishi",
|
// iconPath: getImages("headIcon/wallet-menu/wallet-history.png"),
|
// },
|
// {
|
// urlPath: "/order/exchangeOrder",
|
// title: "duihuanlishi",
|
// iconPath: getImages("headIcon/wallet-menu/exchange.png"),
|
// },
|
// ],
|
// },
|
{
|
title: "zhanghu",
|
menuList: [
|
{
|
urlPath: "/my/security",
|
title: "zhanghuanquan",
|
// iconPath: getImages("headIcon/personal-menu/account-security.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"),
|
},
|
],
|
},
|
];
|
|
export default {
|
data() {
|
return {
|
host_url: "", //域名,
|
isShow: false,
|
isshowList: false,
|
changeRouteTitleColor: false,
|
|
leftMenuList,
|
rightMenuList,
|
};
|
},
|
computed: {
|
...mapState(useUserStore, ["existToken"]),
|
rate() {
|
return "";
|
// TODO
|
// return this.$store.state.rate;
|
},
|
},
|
components: {
|
LangSelect,
|
MenuItem,
|
},
|
created() {
|
this.host_url = window.location.hostname;
|
},
|
methods: {
|
goRouter(parmas) {
|
this.$router.push(parmas);
|
},
|
handleChangeLang(type) {
|
this.$refs.langSelect.isShowClick(type);
|
},
|
mouseOver(item) {
|
item.isSubshow = true;
|
},
|
mouseLeave(item) {
|
item.isSubshow = false;
|
},
|
goRechargePage() {
|
this.$router.push("/recharge");
|
},
|
goApp() {
|
if (localStorage.getItem("lang") == "en") {
|
window.location.href = "https://" + this.host_url + "/app.html";
|
} else if (localStorage.getItem("lang") == "cht") {
|
window.location.href = "https://" + this.host_url + "/app-ft.html";
|
} else if (localStorage.getItem("lang") == "zh-CN") {
|
window.location.href = "https://" + this.host_url + "/app-cn.html";
|
}
|
},
|
handleClick(id) {
|
switch (id) {
|
case 0: //一键购买
|
break;
|
case 1: //自由交易
|
break;
|
case 2:
|
break;
|
case 3:
|
break;
|
}
|
},
|
},
|
};
|
</script>
|
<style scoped>
|
.page-header-background {
|
background-color: rgb(24, 26, 32);
|
padding: 0 20px;
|
position: fixed;
|
top: 0;
|
left: 0;
|
width: 100%;
|
z-index: 999;
|
margin-bottom: 10px;
|
}
|
|
.page-header-content {
|
display: flex;
|
justify-content: space-between;
|
height: 55px;
|
line-height: 55px;
|
color: white;
|
}
|
|
.left-page-header > div:nth-child(1) > img {
|
display: inline-block;
|
}
|
|
.left-page-header,
|
.right-page-header,
|
.right-page-header-pre-login {
|
display: flex;
|
}
|
|
.right-page-header > div {
|
cursor: pointer;
|
color: #fff;
|
}
|
|
.right-page-header-pre-login > div {
|
padding: 0 16px;
|
cursor: pointer;
|
color: #000;
|
font-weight: 700;
|
font-size: 14px;
|
}
|
|
.left-page-header > div {
|
padding: 0 0px;
|
cursor: pointer;
|
color: #fff;
|
}
|
|
.left-page-header > div:hover,
|
.right-page-header > div:hover {
|
color: #00d6ca;
|
}
|
|
.right-page-header {
|
display: flex;
|
align-items: center;
|
.Icon {
|
width: 34px;
|
height: 34px;
|
margin-left: 24px;
|
padding: 5px;
|
cursor: pointer;
|
position: relative;
|
}
|
}
|
|
/* 子菜单 */
|
.child-menu-box {
|
position: absolute;
|
background-color: #040320;
|
top: 55px;
|
width: 250px;
|
color: white;
|
border-bottom-left-radius: 6px;
|
border-bottom-right-radius: 6px;
|
z-index: 666;
|
}
|
|
.child-menu-box > div {
|
display: flex;
|
flex-direction: row;
|
align-items: center;
|
justify-content: flex-start;
|
padding-left: 20px;
|
}
|
|
.child-menu-box > div > img {
|
display: inline-block;
|
width: 40px;
|
height: 40px;
|
}
|
|
.child-menu-box > div:hover {
|
background-color: rgb(32, 32, 40);
|
}
|
|
.child-menu-title {
|
position: relative;
|
}
|
|
.logo {
|
display: flex;
|
align-items: center;
|
}
|
|
.logoName {
|
margin-left: 14px;
|
display: flex;
|
align-items: center;
|
font-weight: 600;
|
font-size: 28px;
|
color: #00d6ca;
|
}
|
|
.logoName2 {
|
/* margin-left: 14px; */
|
margin-right: 40px;
|
display: flex;
|
align-items: center;
|
font-weight: 700;
|
color: #fff;
|
font-size: 16px;
|
letter-spacing: 3px;
|
}
|
|
.el-dropdown-link {
|
cursor: pointer;
|
font-size: 16px;
|
}
|
|
.el-icon-arrow-down {
|
font-size: 12px;
|
}
|
|
.xianhuo-img {
|
width: 20px !important;
|
height: 20px !important;
|
margin: 0 8px !important;
|
}
|
|
.child-menu-img {
|
margin-left: 16px;
|
width: 20px;
|
height: 20px;
|
margin-top: 16px;
|
cursor: pointer;
|
}
|
|
.child-menu-btn {
|
height: 34px;
|
line-height: 34px;
|
padding: 0 20px;
|
color: #fff !important;
|
background: #f7b328;
|
border-radius: 8px;
|
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>
|
