From c0c034b3ef0fdf0fd9c802d5984dbd717db6817a Mon Sep 17 00:00:00 2001
From: zhangzengfei <zhangzengfei@smartai.com>
Date: 星期三, 06 九月 2023 17:54:55 +0800
Subject: [PATCH] 定制桌面.
---
src/components/searching/UploadIcon.vue | 38 +++++++++++++++++++++-----------------
1 files changed, 21 insertions(+), 17 deletions(-)
diff --git a/src/components/searching/UploadIcon.vue b/src/components/searching/UploadIcon.vue
index 837ac72..3e0557a 100644
--- a/src/components/searching/UploadIcon.vue
+++ b/src/components/searching/UploadIcon.vue
@@ -1,44 +1,48 @@
<template>
<div class="uploadIconBox">
- <i class="el-input__icon el-icon-camera-solid" @click="showUpload"></i>
+ <i class="iconfont iconyitusousuo-09" @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;
+ transition: 0.5s;
+ }
+ i:hover{
+ color:var(--colorCard);
}
.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