You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
69 lines
1.7 KiB
69 lines
1.7 KiB
<template>
|
|
<navbar />
|
|
<div class="central-view">
|
|
<sidebar>
|
|
<item-sidebar-menu :sidebarItems="sidebarItems" />
|
|
</sidebar>
|
|
<div class="main-view">
|
|
<item-details />
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
|
|
<script>
|
|
import Navbar from "@/components/Navbar.vue";
|
|
import ItemDetails from "@/components/ItemDetails.vue";
|
|
import Sidebar from "@/components/Sidebar.vue";
|
|
import ItemSidebarMenu from "@/components/ItemSidebarMenu.vue";
|
|
export default {
|
|
components: { Navbar, ItemDetails, Sidebar, ItemSidebarMenu },
|
|
data() {
|
|
return {
|
|
sidebarItems: [
|
|
{
|
|
title: "Preview",
|
|
icon: "image",
|
|
route: "item-details",
|
|
hash: "#preview",
|
|
},
|
|
{
|
|
title: "Description",
|
|
icon: "description",
|
|
route: "item-details",
|
|
hash: "#description",
|
|
},
|
|
{
|
|
title: "Details",
|
|
icon: "summarize",
|
|
route: "item-details",
|
|
hash: "#details",
|
|
},
|
|
{
|
|
title: "Map",
|
|
icon: "map",
|
|
route: "item-details",
|
|
hash: "#map",
|
|
},
|
|
{
|
|
title: "Contact",
|
|
icon: "contact_page",
|
|
route: "item-details",
|
|
hash: "#contact",
|
|
},
|
|
|
|
],
|
|
|
|
}
|
|
},
|
|
|
|
}
|
|
</script>
|
|
|
|
|
|
<style lang="css" scoped>
|
|
.central-view {
|
|
display: flex;
|
|
flex-direction: row;
|
|
}
|
|
</style> |