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