feat: 添加Navigation.svelte以实现导航标签功能

This commit is contained in:
Vixalie
2026-03-26 15:33:22 +08:00
parent 6ea20e069f
commit 5bc11022cb

View File

@@ -0,0 +1,18 @@
<script>
import { currentActivate } from '$lib/stores/navigate';
</script>
<div class="flex flex-row items-center px-2">
<div role="tablist" class="tabs tabs-border tabs-sm">
<a role="tab" class={['tab', $currentActivate === 'dataset' && 'tab-active']} href="/"
>Dataset</a>
<a role="tab" class={['tab', $currentActivate === 'settings' && 'tab-active']} href="/#"
>Settings</a>
<a role="tab" class={['tab', $currentActivate === 'pictures' && 'tab-active']} href="/#"
>Pictures</a>
<a role="tab" class={['tab', $currentActivate === 'analysis' && 'tab-active']} href="/#"
>Analysis</a>
</div>
<div class="grow"></div>
<div></div>
</div>