处理搜索点击更多聊天记录携带搜索文本;处理点击跳转到聊天位置时自动关闭搜索框;处理打开更多搜索框时自动关闭下拉列表;处理首页搜索框样式

This commit is contained in:
wangyifeng 2025-05-29 18:51:27 +08:00
parent e27682badf
commit d5b0a8b599

View File

@ -106,8 +106,10 @@ const renderChatAppSearch = () => {
}) })
) )
state.isShowSearchRecordModal = true state.isShowSearchRecordModal = true
state.searchRecordText = searchText
} }
console.log(searchResultKey, searchText) console.log(searchResultKey, searchText)
state.showSearchDropdown = false
} }
}, },
{ {
@ -648,6 +650,9 @@ const handleClickSearchResultItem = (searchText, searchResultKey, talk_type, rec
) )
console.error(dialogueStore.specifiedMsg, 'dialogueStore.specifiedMsg') console.error(dialogueStore.specifiedMsg, 'dialogueStore.specifiedMsg')
talkStore.toTalk(talk_type, receiver_id, router) talkStore.toTalk(talk_type, receiver_id, router)
state.isShowSearchRecordModal = false
state.searchRecordText = ''
searchKeyword.value = ''
} }
//item //item
const handleClickStayItemChange = (item) => { const handleClickStayItemChange = (item) => {
@ -748,21 +753,20 @@ const handleEnterSearchResultChat = () => {
<n-input <n-input
placeholder="搜索好友 / 群聊" placeholder="搜索好友 / 群聊"
v-model:value.trim="searchKeyword" v-model:value.trim="searchKeyword"
round
clearable clearable
style="width: 78%;" style="width: 78%;"
@click="state.showSearchDropdown = true" @click="state.showSearchDropdown = true"
> >
<template #prefix> <!-- <template #prefix>
<n-icon :component="Search" /> <n-icon :component="Search" />
</template> </template> -->
</n-input> </n-input>
</n-dropdown> </n-dropdown>
<n-button circle @click="isShowGroup = true"> <!-- <n-button circle @click="isShowGroup = true">
<template #icon> <template #icon>
<n-icon :component="Plus" /> <n-icon :component="Plus" />
</template> </template>
</n-button> </n-button> -->
<img <img
style="width: 19px; height: 20px; cursor: pointer;" style="width: 19px; height: 20px; cursor: pointer;"
src="@/assets/image/chatList/addressBook.png" src="@/assets/image/chatList/addressBook.png"