子账户管理新

heyujie

2022-04-11 999f9a47da7783388d0214b9f8d987ea2d9f2916

 src/components/IndexHeader.vue

@@ -3,14 +3,20 @@
    <div class="header" :class="{ showBox: isShow, disOpacity: !opacity }">
      <!-- 右侧 -->
      <div class="left">
        <img class="logo" src="/images/index/LOGO.png" alt="" />
        <div class="title">工业物联网平台</div>
        <router-link to="/">
          <img class="logo" src="/images/index/LOGO.png" alt="" />
        </router-link>
        <router-link to="/">
          <div class="title">工业物联网平台</div>
        </router-link>
        <div class="label"><router-link to="/">首页</router-link></div>
        <div class="label">云服务</div>
        <div class="label">
          <router-link to="/equipmentManagement">管理中心</router-link>
          <router-link to="/manageCenter">管理中心</router-link>
        </div>
        <div class="label">应用商城</div>
        <div class="label">
          <router-link to="/product">应用商城</router-link>
        </div>
      </div>

      <!-- 左侧 -->
@@ -67,7 +73,10 @@
        </li>

        <li class="personal">
          <div class="label">个人中心</div>
          <div class="label">
            <router-link to="/personalCenter">个人中心</router-link>
          </div>

          <div class="content">
            <span class="iconfont">&#xe605;</span> 已实名认证
          </div>
@@ -90,7 +99,9 @@
        </li>

        <li>
          <div class="label">管理中心</div>
          <div class="label">
            <router-link to="/manageCenter">管理中心</router-link>
          </div>
        </li>
      </ul>
      <div class="logOut" @click="logOut">退出登录</div>
@@ -219,10 +230,12 @@

    .logo {
      margin: 0 7px 0 20px;
      cursor: pointer;
    }

    .title {
      margin-right: 10px;
      cursor: pointer;
    }

    .label {
@@ -329,8 +342,8 @@
  &.showBox .right .el-input {
    position: absolute;
    z-index: 4;
    top: 0;
    right: 158px;
    top: -7px;
    right: 88px;
    width: 300px;
    background-color: #fff;
    ::v-deep input {
@@ -350,7 +363,8 @@
  box-sizing: border-box;
  position: absolute;
  top: 62px;
  right: 158px;
  right: 88px;
  // right: -158px;
  padding: 12px 20px 8px 20px;
  width: 300px;
  background-color: #fff;
@@ -458,8 +472,12 @@
  .logOut {
    margin-top: 20px;
    font-size: 16px;
    color: #0065ff;
    color: #3d3d3d;
    cursor: pointer;

    &:hover {
      color: #0065ff;
    }
  }
}
</style>