jiazhizhong/OpenIsle
1
0
Fork 0
mirror of https://github.com/nagisa77/OpenIsle.git synced 2026-03-18 01:47:25 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: use iconpark in base tabs

Browse Source
This commit is contained in:
Tim
2025-09-06 01:42:15 +08:00
parent 4ed679c4f4
commit 3bb14ca6a3
3 changed files with 16 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
frontend_nuxt/components/BaseTabs.vue
View File

@@ -8,7 +8,12 @@
:class="['base-tabs-item', { selected: modelValue === tab.key }]" :class="['base-tabs-item', { selected: modelValue === tab.key }]"
@click="$emit('update:modelValue', tab.key)" @click="$emit('update:modelValue', tab.key)"
> >
<i v-if="tab.icon" :class="tab.icon"></i> <component
v-if="tab.icon && (typeof tab.icon !== 'string' || !tab.icon.includes(' '))"
:is="tab.icon"
class="base-tabs-item-icon"
/>
<i v-else-if="tab.icon" :class="tab.icon"></i>
<div class="base-tabs-item-label">{{ tab.label }}</div> <div class="base-tabs-item-label">{{ tab.label }}</div>
</div> </div>
</div> </div>
@@ -72,6 +77,7 @@ function onTouchEnd(e) {
align-items: center; align-items: center;
} }
.base-tabs-item-icon,
.base-tabs-item i { .base-tabs-item i {
margin-right: 6px; margin-right: 6px;
} }

10
frontend_nuxt/pages/users/[id].vue
View File

@@ -368,11 +368,11 @@ const selectedTab = ref(
: 'summary', : 'summary',
) )
const tabs = [ const tabs = [
{ key: 'summary', label: '总结', icon: 'fas fa-chart-line' }, { key: 'summary', label: '总结', icon: 'ChartLine' },
{ key: 'timeline', label: '时间线', icon: 'fas fa-clock' }, { key: 'timeline', label: '时间线', icon: 'AlarmClock' },
{ key: 'following', label: '关注', icon: 'fas fa-user-plus' }, { key: 'following', label: '关注', icon: 'AddUser' },
{ key: 'favorites', label: '收藏', icon: 'fas fa-bookmark' }, { key: 'favorites', label: '收藏', icon: 'Bookmark' },
{ key: 'achievements', label: '勋章', icon: 'fas fa-medal' }, { key: 'achievements', label: '勋章', icon: 'MedalOne' },
] ]
const followTab = ref('followers') const followTab = ref('followers')

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

@@ -34,6 +34,8 @@ import {
AddUser, AddUser,
ReduceUser, ReduceUser,
MessageOne, MessageOne,
AlarmClock,
Bookmark,
} from '@icon-park/vue-next' } from '@icon-park/vue-next'
export default defineNuxtPlugin((nuxtApp) => { export default defineNuxtPlugin((nuxtApp) => {
@@ -71,4 +73,6 @@ export default defineNuxtPlugin((nuxtApp) => {
nuxtApp.vueApp.component('AddUser', AddUser) nuxtApp.vueApp.component('AddUser', AddUser)
nuxtApp.vueApp.component('ReduceUser', ReduceUser) nuxtApp.vueApp.component('ReduceUser', ReduceUser)
nuxtApp.vueApp.component('MessageOne', MessageOne) nuxtApp.vueApp.component('MessageOne', MessageOne)
nuxtApp.vueApp.component('AlarmClock', AlarmClock)
nuxtApp.vueApp.component('Bookmark', Bookmark)
}) })