From 4ff29e301de38488db0ff04f0209c99e37cf30b4 Mon Sep 17 00:00:00 2001 From: heyujie <516346543@qq.com> Date: 星期二, 07 十二月 2021 18:56:34 +0800 Subject: [PATCH] 对比库管理 --- src/components/searching/UploadIcon.vue | 35 ++++++++++++++++++----------------- 1 files changed, 18 insertions(+), 17 deletions(-) diff --git a/src/components/searching/UploadIcon.vue b/src/components/searching/UploadIcon.vue index 837ac72..6cfae58 100644 --- a/src/components/searching/UploadIcon.vue +++ b/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> \ No newline at end of file -- Gitblit v1.8.0