ZZJ
2021-12-20 832896ccaf8ac6a8ca31394e55577f064bc5eacf
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
<template>
  <div class="uploadIconBox">
    <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";
export default {
  components: {
    SearchLeft,
  },
  data() {
    return {
      visibile: false,
    };
  },
  methods: {
    showUpload() {
      this.visibile = !this.visibile;
    },
  },
};
</script>
<style lang="scss">
.uploadIconBox {
  position: relative;
  i {
    font-size: 24px;
    color: rgb(209, 209, 209);
    cursor: pointer;
  }
  .left-section1 {
    border-radius: 8px;
    position: absolute;
    z-index: 2;
    height: fit-content;
    left: -270px;
    top: 40px;
    padding: 20px;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 12%);
  }
}
</style>