From 9ac1b8cc1e7a2bfd2a7be6385330d7f044d7de5b Mon Sep 17 00:00:00 2001
From: lxf <1371462558@qq.com>
Date: Thu, 26 Jun 2025 21:23:25 +0800
Subject: [PATCH] style
---
src/components/layout/headerMenuItem.vue | 28 ++++++++++++++++------------
1 files changed, 16 insertions(+), 12 deletions(-)
diff --git a/src/components/layout/headerMenuItem.vue b/src/components/layout/headerMenuItem.vue
index ccc8df2..acd6fa8 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"
@@ -47,7 +50,7 @@
<div class="dropdown-content" v-if="menuList.length">
<div
class="dropdown-item dropdown-right-item pl-20"
- style="line-height: 40px; color: #000000"
+ style="line-height: 40px; color: #fff"
v-if="title == 'zhanghu' && store.existToken"
>
{{ store.userInfo.username }}
@@ -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>
@@ -177,12 +180,12 @@
.dropdown-content {
display: none;
position: absolute;
- background-color: #fff;
+ background-color: #11263a;
box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
z-index: 100;
- padding: 12px 0;
+ /* padding: 12px 0; */
border-radius: 12px;
- width: 290px;
+ /* width: 290px; */
box-sizing: border-box;
}
@@ -212,13 +215,14 @@
left: 0;
top: 0;
border-radius: 0;
- background-color: #fff;
+ background-color: #11263a;
position: relative;
}
-.dropdown-item:hover {
- background-color: #f4f4f4;
- opacity: 0.9;
+.dropdown-item-title:hover {
+ /* background-color: #f4f4f4; */
+ /* opacity: 0.9; */
+ color: #f7b328 !important;
}
.dropdown-right-item,
@@ -249,7 +253,7 @@
position: absolute;
left: 58px;
top: 18%;
- color: #000;
+ color: #fff;
font-size: 14px;
line-height: 17px;
font-weight: 600;
--
Gitblit v1.9.3