feat: 添加Navigation.svelte以实现导航标签功能
This commit is contained in:
18
src/lib/components/Navigation.svelte
Normal file
18
src/lib/components/Navigation.svelte
Normal 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>
|
||||
Reference in New Issue
Block a user