首页接口

ZZJ

2022-04-02 45faaf27722588e92050e2e3eace9b3704377048

 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="/manageCenter">管理中心</router-link>
        </div>
        <div class="label">应用商城</div>
        <div class="label">
          <router-link to="/product">应用商城</router-link>
        </div>
      </div>

      <!-- 左侧 -->
@@ -224,10 +230,12 @@

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

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

    .label {
@@ -334,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 {
@@ -355,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;
@@ -463,8 +472,12 @@
  .logOut {
    margin-top: 20px;
    font-size: 16px;
    color: #0065ff;
    color: #3d3d3d;
    cursor: pointer;

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