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 19cad428c9.
* 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