摄像机树样式,导出数据样式

ZZJ

2022-08-02 ed35d0b4c2051e067bd9904c4b0158257d5db0d9

 src/views/search/Searching.vue

@@ -141,7 +141,7 @@

          <div class="btnArea">
            <div class="button light" @click.stop="showDownBox = !showDownBox">
              <span class="el-icon-plus"></span>
              <span class="iconfont">&#xe643;</span>
              导出数据
            </div>

@@ -1075,39 +1075,43 @@
.btnArea {
  padding: 0 10px;
  margin-right: 10px;
  background-color: #0064ff;
  color: #0064ff;
  background-color: #fff;
  text-align: center;
  line-height: 28px;
  display: inline-block;
  height: 28px;
  border-radius: 5px;
  cursor: pointer;
  color: #fff;
  font-size: 12px;
  border: 1px solid #0065ff;

  .light {
  }

  .downBox {
    top: 104px;
    right: 255px;
    position: absolute;
    text-align: center;
    border: 1px solid #0064ff;
    background-color: #fff;
    border-radius: 9px;
    border-radius: 3px;
    color: #3d3d3d;

    width: 100px;
    z-index: 10;
    padding: 10px;
    box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.05),
      0px 4px 5px 0px rgba(0, 0, 0, 0.08), 0px 2px 4px -1px rgba(0, 0, 0, 0.12);

    .downItem {
      text-align: center;
      height: 28px;
      line-height: 28px;
      height: 40px;
      line-height: 40px;
      font-size: 12px;
      border-radius: 9px;
      cursor: pointer;

      &:hover {
        background-color: #f5f5fa;
        background-color: #f0f5fa;
      }
    }
  }