fixed:issue#1321

piexlmax · piexlmax · commit 9092d3ba693c · 2023-01-07T16:26:29.000+08:00
diff --git a/web/src/style/main.scss b/web/src/style/main.scss
@@ -1081,10 +1081,22 @@ $mainHight: 100vh;
 
 .transition-box {
     overflow: hidden;
-    width: 120px;
+    width: 160px;
     margin-right: 32px;
     text-align: center;
     margin-top: -12px;
+		.el-input__wrapper{
+			.el-input__inner{
+				height: 100%;
+			}
+			box-shadow: none !important;
+		}
+		.el-select .el-input .el-input__wrapper.is-focus{
+			box-shadow: none !important;
+		}
+		.el-select .el-input.is-focus .el-input__wrapper{
+			box-shadow: none !important;
+		}
 }
 
 .screenfull {
diff --git a/web/src/view/layout/search/search.vue b/web/src/view/layout/search/search.vue
@@ -1,24 +1,22 @@
 <template>
   <div class="search-component">
-    <transition name="el-fade-in-linear">
-      <div v-show="show" class="transition-box" style="display: inline-block;">
-        <el-select
-          ref="searchInput"
-          v-model="value"
-          filterable
-          placeholder="请选择"
-          @blur="hiddenSearch"
-          @change="changeRouter"
-        >
-          <el-option
-            v-for="item in routerStore.routerList"
-            :key="item.value"
-            :label="item.label"
-            :value="item.value"
-          />
-        </el-select>
-      </div>
-    </transition>
+    <div v-if="show" class="transition-box" style="display: inline-block;">
+      <el-select
+        ref="searchInput"
+        v-model="value"
+        filterable
+        placeholder="请选择"
+        @blur="hiddenSearch"
+        @change="changeRouter"
+      >
+        <el-option
+          v-for="item in routerStore.routerList"
+          :key="item.value"
+          :label="item.label"
+          :value="item.value"
+        />
+      </el-select>
+    </div>
     <div
       v-if="btnShow"
       class="user-box"
@@ -73,9 +71,7 @@ const show = ref(false)
 const btnShow = ref(true)
 const hiddenSearch = () => {
   show.value = false
-  setTimeout(() => {
-    btnShow.value = true
-  }, 500)
+  btnShow.value = true
 }
 
 const searchInput = ref(null)
