对比库管理

heyujie

2021-12-07 4ff29e301de38488db0ff04f0209c99e37cf30b4

 src/components/searching/UploadIcon.vue

@@ -1,44 +1,45 @@
<template>
  <div class="uploadIconBox">
    <i class="el-input__icon el-icon-camera-solid" @click="showUpload"></i>
    <i class="iconfont iconyitusousuo-09" @click="showUpload"></i>
    <!-- <i class="el-input__icon el-icon-camera-solid" @click="showUpload"></i> -->
    <SearchLeft v-show="visibile" @closeUpload="showUpload"></SearchLeft>
  </div>
</template>
<script>
import SearchLeft from './uploadForModel'
import SearchLeft from "./uploadForModel";
export default {
  components: {
    SearchLeft
    SearchLeft,
  },
  data() {
    return {
      visibile: false
    }
      visibile: false,
    };
  },
  methods: {
    showUpload() {
      this.visibile = !this.visibile
    }
  }
}
      this.visibile = !this.visibile;
    },
  },
};
</script>
<style lang="scss">
.uploadIconBox {
  position: relative;
  i {
    font-size: 20px;
    color: #999;
    font-size: 24px;
    color: rgb(209, 209, 209);
    cursor: pointer;
  }
  .left-section1 {
    //border: 1px solid #ccc;
    border-radius: 5px;
    border-radius: 8px;
    position: absolute;
    z-index: 2;
    height: 700px;
    left: -330px;
    top: 45px;
    box-shadow: #eee 0px 0px 10px 10px;
    height: fit-content;
    left: -270px;
    top: 40px;
    padding: 20px;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 12%);
  }
}
</style>