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/components/layout/commonHeader.vue | 159 ++++++++++++++++++++++++++++++++++++++++++-----------
1 files changed, 126 insertions(+), 33 deletions(-)
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>
--
Gitblit v1.9.3