优化搜索框交互,添加失焦处理逻辑,更新.gitignore配置

This commit is contained in:
2025-12-25 17:04:51 +08:00
parent c8c657c790
commit 5e4ee2c1a1
4 changed files with 12 additions and 18 deletions

View File

@ -3,9 +3,9 @@
<d-layout>
<d-content class="main-content">
<div class="pt-8 px-12 relative hidden lg:block">
<d-input class="devui-input-demo__mt" size="lg" v-model="searchWord" placeholder="请输入">
<d-input class="devui-input-demo__mt" size="lg" v-model="searchWord" @blur="cancelSbox" placeholder="请输入">
<template #prepend>
<d-select class="w-48" size="lg" v-model="broswer" :options="options"></d-select>
<d-select class="w-48" size="lg" v-model="broswer" :options="options" @click="cancelSbox"></d-select>
</template>
<template #append>
<d-icon name="search" style="font-size: inherit;" @click="search" />
@ -216,6 +216,13 @@ watch(searchWord, () => {
handdleInput()
})
function cancelSbox() {
setTimeout(() => {
searchBox.value = false
searchItems.value = []
selecedIdx.value = 0
}, 200)
}
function handdleInput() {
if (!searchWord.value) {