youzitree/blog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
youzi
2025-12-25 17:04:51 +08:00
parent c8c657c790
commit 5e4ee2c1a1
4 changed files with 12 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
.gitignore vendored
View File

@ -10,6 +10,7 @@ lerna-debug.log*
node_modules node_modules
.DS_Store .DS_Store
dist dist
dist/
dist-ssr dist-ssr
coverage coverage
*.local *.local

14
dist/assets/index-DjAfv_Co.css vendored
View File

File diff suppressed because one or more lines are too long

4
dist/index.html vendored
View File

@ -7,8 +7,8 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="这是柚子的网站，做一些分享类的功能"/> <meta name="description" content="这是柚子的网站，做一些分享类的功能"/>
<title>柚子の网站</title> <title>柚子の网站</title>
<script type="module" crossorigin src="/blog/assets/index-BdOUjYHC.js"></script> <script type="module" crossorigin src="/blog/assets/index-CIE_IpA5.js"></script>
<link rel="stylesheet" crossorigin href="/blog/assets/index-DjAfv_Co.css"> <link rel="stylesheet" crossorigin href="/blog/assets/index-DYCSKHr7.css">
</head> </head>
<body> <body>

11
src/views/Home.vue
View File

@ -3,9 +3,9 @@
<d-layout> <d-layout>
<d-content class="main-content"> <d-content class="main-content">
<div class="pt-8 px-12 relative hidden lg:block"> <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> <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>
<template #append> <template #append>
<d-icon name="search" style="font-size: inherit;" @click="search" /> <d-icon name="search" style="font-size: inherit;" @click="search" />
@ -216,6 +216,13 @@ watch(searchWord, () => {
handdleInput() handdleInput()
}) })
function cancelSbox() {
setTimeout(() => {
searchBox.value = false
searchItems.value = []
selecedIdx.value = 0
}, 200)
}
function handdleInput() { function handdleInput() {
if (!searchWord.value) { if (!searchWord.value) {