style

lxf

2025-05-23 e9fcfc26a37a207f74372483fd93efedd89dc85e

 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>