From 4933b83e9160df05bb37c6d401a5de41b2496cdc Mon Sep 17 00:00:00 2001
From: guodingfang <guodingfang1@163.com>
Date: Tue, 17 Jan 2023 17:27:51 +0800
Subject: [PATCH] =?UTF-8?q?=E9=9C=80=E6=B1=82=E5=BC=80=E5=8F=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/ResearchSearchCom.vue | 25 +++++++++++++++++--------
 1 file changed, 17 insertions(+), 8 deletions(-)

diff --git a/src/components/ResearchSearchCom.vue b/src/components/ResearchSearchCom.vue
index eee272e..e3b713d 100644
--- a/src/components/ResearchSearchCom.vue
+++ b/src/components/ResearchSearchCom.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="research-search">
     <div class="topics nav-item">
-      <div class="title" @mouseenter="onNavEnter('topics')" @mouseleave="onNavLeave('topics')">
+      <div class="title" @mouseenter="onNavEnter('topics')" @mouseleave="onNavLeave('topics')" @click="onTitleClick('topics')">
         <span class="title-val">TOPICS</span>
         <img class="icon-down" src="@/assets/icon/down.svg" alt="">
       </div>
@@ -23,7 +23,7 @@
       </div>
     </div>
     <div class="authors nav-item">
-      <div class="title" @mouseenter="onNavEnter('authors')" @mouseleave="onNavLeave('authors')">
+      <div class="title" @mouseenter="onNavEnter('authors')" @mouseleave="onNavLeave('authors')" @click="onTitleClick('authors')">
         <span class="title-val">AUTHORS</span>
         <img class="icon-down" src="@/assets/icon/down.svg" alt="">
       </div>
@@ -102,28 +102,37 @@ const htmlRegroup = (str, val) => {
   return str.replace(reg, `<span style="color: #f00">${val}</span>`)
 }
 
+const onTitleClick = (type) => {
+  if (!isSelectType.value) {
+    isSelectType.value = type
+  } else {
+    isSelectType.value = type === isSelectType.value ? '' : type
+  }
+}
+
 const onNavEnter = (type) => {
-  isSelectType.value = type
+  // isSelectType.value = type
 }
 
 const onNavLeave = () => {
-  timer.value = setTimeout(() => {
-    isSelectType.value = false
-  }, 750)
+  // timer.value = setTimeout(() => {
+  //   isSelectType.value = false
+  // }, 1000)
 }
 
 const onSelectEnter = () => {
-  clearInterval(timer.value)
+  // clearInterval(timer.value)
 }
 
 const onSelectLeave = () => {
-  isSelectType.value = false
+  // isSelectType.value = false
 }
 
 const emit = defineEmits(['select'])
 
 const onSelectItem = (type, item, index) => {
   emit('select', { type, item, index })
+  isSelectType.value = ''
 }
 
 const toSearch = () => {