add mainmenu
This commit is contained in:
32
src/components/FooterMenu.astro
Normal file
32
src/components/FooterMenu.astro
Normal file
@@ -0,0 +1,32 @@
|
||||
---
|
||||
import { fetchMenu } from '@api/menu';
|
||||
|
||||
interface Props {
|
||||
menuId: number;
|
||||
}
|
||||
|
||||
const menuId = '3342';
|
||||
|
||||
// Получаем меню по ID
|
||||
const menu = await fetchMenu({ id: menuId });
|
||||
|
||||
if (!menu) {
|
||||
return;
|
||||
}
|
||||
---
|
||||
|
||||
<nav class="simple-menu">
|
||||
<ul class="simple-menu-list">
|
||||
{menu.menuItems.nodes.map(item => (
|
||||
<li class="simple-menu-item" key={item.id}>
|
||||
<a
|
||||
href={item.url}
|
||||
class="simple-menu-link"
|
||||
target={item.target || '_self'}
|
||||
>
|
||||
{item.label}
|
||||
</a>
|
||||
</li>
|
||||
))}
|
||||
</ul>
|
||||
</nav>
|
||||
33
src/components/MainMenu.astro
Normal file
33
src/components/MainMenu.astro
Normal file
@@ -0,0 +1,33 @@
|
||||
---
|
||||
import { fetchMenu } from '@api/menu';
|
||||
|
||||
interface Props {
|
||||
menuId: number;
|
||||
}
|
||||
|
||||
const { menuId } = Astro.props;
|
||||
|
||||
// Получаем меню по ID
|
||||
const menu = await fetchMenu({ id: menuId });
|
||||
|
||||
if (!menu) {
|
||||
return;
|
||||
}
|
||||
---
|
||||
|
||||
<nav class="simple-menu">
|
||||
<ul class="simple-menu-list">
|
||||
{menu.menuItems.nodes.map(item => (
|
||||
<li class="simple-menu-item" key={item.id}>
|
||||
<a
|
||||
href={item.url}
|
||||
class="simple-menu-link"
|
||||
target={item.target || '_self'}
|
||||
>
|
||||
{item.label}
|
||||
</a>
|
||||
</li>
|
||||
))}
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
Reference in New Issue
Block a user