图标、滚动条、layerjson

lixuliang

2023-11-15 a16a7e15a2574f85c4fbd171901f62ca5ffb8843

 src/components/menu/bottom-menu.vue

@@ -181,18 +181,21 @@
}

.imgbox {
  width: 84px;
  height: 81px;
  background-image: url("~@/assets/img/new/bottomBox.png");
  width: 110px;
  height: 90px;
  background-image: url("~@/assets/img/new/b1.png");
  background-size: 100% 100%;
  position: relative;
}
.imgbox:hover {
  background-image: url("~@/assets/img/new/h1.png");
}

.imgbox img {
  width: 38px;
  width: 32px;
  position: absolute;
  top: 50%;
  left: 52.5%;
  top: 37%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@@ -244,7 +247,7 @@
}

.el-dropdown /deep/ .el-dropdown-selfdefine {
  margin-left: 8px !important;
  margin-left: 0 !important;
}

.csbj .el-dropdown-menu {
@@ -295,8 +298,9 @@
  box-shadow: 0px 0px 5px 3px rgba(0, 168, 255, 0.16);
}

.top-btn-active {
  background: #0987ff !important;
.top-btn-active .imgbox {
  background-image: url("~@/assets/img/new/h1.png");
  background-size: 100% 100%;
}

.scroll_div {
@@ -492,6 +496,7 @@
      }
    },
    handleCommand(command) {
      this.setViewer1Show(false);
      switch (command) {
        case "spjkHandle":
          this.spjkHandle();