enhance(client): ヘッダー(MkPageHeader)関連 (#9869)
* MkPageHeader大改造 * ユーザーページのノート一覧をタブにするなど * ✌️ * 🎨 * fix * wheel * clean up * 🎨 * 🎨 * remove console.log * update CHANGELOG.md * fix * fix * fix * ✌️ * header avatar clickable * !hideTitle * Revert "!hideTitle" This reverts commit 19cad428c906f555b73730d602e401a1e943cdef. * fix changelog
This commit is contained in:
parent
6f33be6c75
commit
0138c3b00e
6 changed files with 230 additions and 98 deletions
|
@ -5,7 +5,7 @@
|
|||
<Transition name="fade" mode="out-in">
|
||||
<div v-if="user">
|
||||
<XHome v-if="tab === 'home'" :user="user"/>
|
||||
<XActivity v-else-if="tab === 'activity'" :user="user"/>
|
||||
<XTimeline v-else-if="tab === 'notes'" :user="user" />
|
||||
<XAchievements v-else-if="tab === 'achievements'" :user="user"/>
|
||||
<XReactions v-else-if="tab === 'reactions'" :user="user"/>
|
||||
<XClips v-else-if="tab === 'clips'" :user="user"/>
|
||||
|
@ -34,6 +34,7 @@ import { i18n } from '@/i18n';
|
|||
import { $i } from '@/account';
|
||||
|
||||
const XHome = defineAsyncComponent(() => import('./home.vue'));
|
||||
const XTimeline = defineAsyncComponent(() => import('./index.timeline.vue'));
|
||||
const XActivity = defineAsyncComponent(() => import('./activity.vue'));
|
||||
const XAchievements = defineAsyncComponent(() => import('./achievements.vue'));
|
||||
const XReactions = defineAsyncComponent(() => import('./reactions.vue'));
|
||||
|
@ -74,6 +75,10 @@ const headerTabs = $computed(() => user ? [{
|
|||
key: 'home',
|
||||
title: i18n.ts.overview,
|
||||
icon: 'ti ti-home',
|
||||
}, {
|
||||
key: 'notes',
|
||||
title: i18n.ts.notes,
|
||||
icon: 'ti ti-pencil',
|
||||
}, {
|
||||
key: 'activity',
|
||||
title: i18n.ts.activity,
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue