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

Compare commits

base: youzitree:c8c657c790f4c8ed2020cba9ce4fd859583fd59d
Branches Tags
youzitree:main
...
compare: youzitree:4c097e4c409aff83c9e60c6d7097db0e274e68a5
Branches Tags
youzitree:main

2 Commits
c8c657c790 ... 4c097e4c40

Author SHA1 Message Date
youzi
4c097e4c40 更新.gitignore配置，排除dist目录下所有文件 2025-12-25 17:05:36 +08:00
youzi
5e4ee2c1a1 优化搜索框交互，添加失焦处理逻辑，更新.gitignore配置 2025-12-25 17:04:51 +08:00
4 changed files with 14 additions and 18 deletions
Expand all files Collapse all files

3
.gitignore vendored
View File

@ -10,6 +10,9 @@ lerna-debug.log*
node_modules node_modules
.DS_Store .DS_Store
dist dist
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) {