<template>
|
<div>
|
<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="https://colloti.com/img/logos-new.0789f28f.svg"
|
width="26"
|
height="26"
|
/>
|
<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" v-if="!existToken">
|
<div @click="goRouter('/login')">{{ $t("message.home.denglu") }}</div>
|
<div class="child-menu-btn" @click="goRouter('/register')">
|
{{ $t("message.home.zhuce") }}
|
</div>
|
<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;">
|
<!-- <div @click="goApp()">{{ $t("message.home.xiazai") }}</div>-->
|
<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')">-->
|
<!-- {{ $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: rgb(42, 100, 251);
|
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;
|
"
|
>
|
<img src="https://colloti.com/img/material-symbols.248b9d5f.svg" />
|
{{ $t("message.user.chongzhi") }}
|
</div>
|
</div>
|
<!-- 钱包订单用户中心 -->
|
<menu-item
|
v-for="(_, i) in rightMenuList"
|
:key="i"
|
:title="_.title"
|
:menuList="_.menuList"
|
:isRight="true"
|
>
|
</menu-item>
|
<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: "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: "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: "kuangchisuocang", //
|
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: "/my/universal",
|
// title: "tongyong",
|
// iconPath: getImages("headIcon/personal-menu/universal.png"),
|
// },
|
{
|
urlPath: "/my/helpCenter",
|
title: "bangzhuzhongxin",
|
iconPath: getImages("headIcon/personal-menu/help-center.png"),
|
},
|
{
|
urlPath: "/my/announcement",
|
title: "gonggaozhongxin",
|
iconPath: getImages("headIcon/personal-menu/notice.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: #ffffff;
|
padding: 0 20px;
|
position: fixed;
|
top: 0;
|
left: 0;
|
width: 100%;
|
z-index: 999;
|
}
|
|
.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;
|
}
|
|
/* 子菜单 */
|
.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;
|
font-size: 22px;
|
color: #2b64fb;
|
}
|
|
.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: #2a64fb;
|
border-radius: 8px;
|
opacity: 1;
|
margin-top: 9px;
|
}
|
</style>
|
