style

lxf

2025-06-04 a51ae716cb1eb8e21fc4a5c355d3cdbe02b27d7f

 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;