处理搜索点击更多聊天记录携带搜索文本;处理点击跳转到聊天位置时自动关闭搜索框;处理打开更多搜索框时自动关闭下拉列表;处理首页搜索框样式
This commit is contained in:
parent
e27682badf
commit
d5b0a8b599
@ -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"
|
||||||
|
Loading…
Reference in New Issue
Block a user