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