北京经济技术开发区经开区虚拟城市项目-【前端】-Web
lixuliang
2023-11-15 c658f316d2f464e510d10f1081c52848c3aefeb2
src/components/right/right-top.vue
@@ -53,8 +53,8 @@
      </div>
    </el-dialog>
    <div class="rightTool">
      <el-button @click="showInput">
        <img class="searchBg" src="@/assets/img/new/leftCircle.png" />
      <el-button class="searchElBg" @click="showInput">
        <div class="searchBg"></div>
        <img
          class="searchBtn"
          v-if="!isShowInput"
@@ -678,16 +678,25 @@
  margin: 1px;
  margin: 20px 0;
}
.searchBtn {
  width: 40px;
.searchElBg{
  background-image: url("~@/assets/img/new/leftCircle.png") !important;
  background-size: 48px 48px !important;
}
.searchBtn {
  margin-top: 3px;
  width: 40px;
  pointer-events: none;
}
.searchElBg:hover{
  background-image: url("~@/assets/img/new/leftCircle-y.png") !important;
  background-size: 48px 48px !important;
}
.searchBg {
  position: absolute;
  left: -4px;
  top: 15px;
  width: 54.5px;
  width: 56px;
  height: 56px;
  z-index: -10;
}
.active {
@@ -698,11 +707,13 @@
  position: absolute;
  right: 26px;
  top: 17px;
  width: 70.6px;
  height: 70.6px;
  width: 71px;
  height: 71px;
  background-image: url("~@/assets/img/new/rightCircle.png");
}
.user:hover {
  background-image: url("~@/assets/img/new/rightCircle-y.png");
}
.user .el-avatar {
  background-color: transparent;
  margin: 3px auto 0;
@@ -1559,10 +1570,10 @@
        // this.showInfoBox = true;
        if (this.info["JK内码"]) {
          this.$message({
            showClose: true,
            message: "连接状态查询中",
          });
          // this.$message({
          //   showClose: true,
          //   message: "连接状态查询中",
          // });
          this.spjkLoad(this.info);
        }
      },