jiazhizhong/OpenIsle
1
0
Fork 0
mirror of https://github.com/nagisa77/OpenIsle.git synced 2026-05-21 09:57:28 +08:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #896 from nagisa77/codex/adapt-dropdown.vue-to-iconpark-qtb5fv

Browse Source 
feat: switch dropdown icons to IconPark
This commit is contained in:
Tim
2025-09-06 10:08:00 +08:00
committed by GitHub
parent 90b9d75da2 7421ec8984
commit 069f4bb8c1
2 changed files with 10 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
frontend_nuxt/components/Dropdown.vue
View File

@@ -45,7 +45,7 @@
</span> </span>
<span v-else class="placeholder">{{ placeholder }}</span> <span v-else class="placeholder">{{ placeholder }}</span>
</template> </template>
<i class="fas fa-caret-down dropdown-caret"></i> <down class="dropdown-caret" />
</slot> </slot>
</div> </div>
<div <div
@@ -54,7 +54,7 @@
v-click-outside="close" v-click-outside="close"
> >
<div v-if="showSearch" class="dropdown-search"> <div v-if="showSearch" class="dropdown-search">
<i class="fas fa-search search-icon"></i> <search-icon class="search-icon" />
<input type="text" v-model="search" placeholder="搜索" /> <input type="text" v-model="search" placeholder="搜索" />
</div> </div>
<div v-if="loading" class="dropdown-loading"> <div v-if="loading" class="dropdown-loading">
@@ -85,12 +85,12 @@
<Teleport to="body"> <Teleport to="body">
<div v-if="open && isMobile" class="dropdown-mobile-page"> <div v-if="open && isMobile" class="dropdown-mobile-page">
<div class="dropdown-mobile-header"> <div class="dropdown-mobile-header">
<i class="fas fa-arrow-left" @click="close"></i> <left class="back-icon" @click="close" />
<span class="mobile-title">{{ placeholder }}</span> <span class="mobile-title">{{ placeholder }}</span>
</div> </div>
<div class="dropdown-mobile-menu"> <div class="dropdown-mobile-menu">
<div v-if="showSearch" class="dropdown-search"> <div v-if="showSearch" class="dropdown-search">
<i class="fas fa-search search-icon"></i> <search-icon class="search-icon" />
<input type="text" v-model="search" placeholder="搜索" /> <input type="text" v-model="search" placeholder="搜索" />
</div> </div>
<div v-if="loading" class="dropdown-loading"> <div v-if="loading" class="dropdown-loading">
@@ -376,6 +376,10 @@ export default {
border-bottom: 1px solid var(--normal-border-color); border-bottom: 1px solid var(--normal-border-color);
} }
.back-icon {
cursor: pointer;
}
.dropdown-mobile-menu { .dropdown-mobile-menu {
flex: 1; flex: 1;
overflow-y: auto; overflow-y: auto;

2
frontend_nuxt/plugins/iconpark.client.ts
View File

@@ -16,6 +16,7 @@ import {
TagOne, TagOne,
MedalOne, MedalOne,
Next, Next,
Left,
DropDownList, DropDownList,
MoreOne, MoreOne,
SunOne, SunOne,
@@ -60,6 +61,7 @@ export default defineNuxtPlugin((nuxtApp) => {
nuxtApp.vueApp.component('TagOne', TagOne) nuxtApp.vueApp.component('TagOne', TagOne)
nuxtApp.vueApp.component('MedalOne', MedalOne) nuxtApp.vueApp.component('MedalOne', MedalOne)
nuxtApp.vueApp.component('Next', Next) nuxtApp.vueApp.component('Next', Next)
nuxtApp.vueApp.component('Left', Left)
nuxtApp.vueApp.component('DropDownList', DropDownList) nuxtApp.vueApp.component('DropDownList', DropDownList)
nuxtApp.vueApp.component('MoreOne', MoreOne) nuxtApp.vueApp.component('MoreOne', MoreOne)
nuxtApp.vueApp.component('SunOne', SunOne) nuxtApp.vueApp.component('SunOne', SunOne)