From b445789b2ed0ab3b70291ff0bebc09c73aac7207 Mon Sep 17 00:00:00 2001
From: ZZJ <zzjdsg2300@163.com>
Date: 星期四, 16 十二月 2021 10:04:04 +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