优化搜索框交互,添加失焦处理逻辑,更新.gitignore配置
This commit is contained in:
@ -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) {
|
||||
|
||||
Reference in New Issue
Block a user