jiazhizhong/OpenIsle
1
0
Fork 0
mirror of https://github.com/nagisa77/OpenIsle.git synced 2026-03-04 02:50:59 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: search ui

Browse Source
This commit is contained in:
tim
2025-07-08 20:36:59 +08:00
parent b8ea48b4a1
commit a0d42360c6
2 changed files with 41 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
open-isle-cli/src/components/SearchDropdown.vue
View File

@@ -9,11 +9,13 @@
</div>
</template>
<template #option="{ option }">
<i :class="['result-icon', iconMap[option.type] || 'fas fa-question']"></i>
<div class="result-body">
<div class="result-main" v-html="highlight(option.text)"></div>
<div v-if="option.subText" class="result-sub" v-html="highlight(option.subText)"></div>
<div v-if="option.extra" class="result-extra" v-html="highlight(option.extra)"></div>
<div class="search-option-item">
<i :class="['result-icon', iconMap[option.type] || 'fas fa-question']"></i>
<div class="result-body">
<div class="result-main" v-html="highlight(option.text)"></div>
<div v-if="option.subText" class="result-sub" v-html="highlight(option.subText)"></div>
<div v-if="option.extra" class="result-extra" v-html="highlight(option.extra)"></div>
</div>
</div>
</template>
</Dropdown>
@@ -89,6 +91,11 @@ export default {
max-width: 600px;
}
.search-option-item {
display: flex;
gap: 10px;
}
.search-option {
display: flex;
align-items: center;