26 lines
661 B
Svelte
26 lines
661 B
Svelte
<script lang="ts">
|
|
import * as Breadcrumb from '$lib/components/ui/breadcrumb/index.js';
|
|
|
|
export let items: Array<{
|
|
href?: string;
|
|
label: string;
|
|
}> = [{ href: '/', label: '主页' }];
|
|
</script>
|
|
|
|
<Breadcrumb.Root>
|
|
<Breadcrumb.List>
|
|
{#each items as item, index (item.label)}
|
|
<Breadcrumb.Item class="hidden md:block">
|
|
{#if item.href}
|
|
<Breadcrumb.Link href={item.href}>{item.label}</Breadcrumb.Link>
|
|
{:else}
|
|
<Breadcrumb.Page>{item.label}</Breadcrumb.Page>
|
|
{/if}
|
|
</Breadcrumb.Item>
|
|
{#if index < items.length - 1}
|
|
<Breadcrumb.Separator class="hidden md:block" />
|
|
{/if}
|
|
{/each}
|
|
</Breadcrumb.List>
|
|
</Breadcrumb.Root>
|