feat(owner-vue): side-bar 개발

- side bar menu이동 개발
This commit is contained in:
hoon7566
2022-03-17 16:52:41 +09:00
parent 2186fed25a
commit f85e23f374

View File

@@ -5,20 +5,9 @@
app>
<v-img
height="140"
class="pa-4"
src="https://preview.pixlr.com/images/800wm/1439/2/1439104804.jpg"
>
<div class="text-center">
<v-avatar class="mb-4" color="grey darken-1" size="64">
<v-img
aspect-ratio="30"
src="https://yt3.ggpht.com/esazPAO03T0f0vKdByJvkDy6MSwjyG5f-c_2S2CJapszQ3KPQyZarpoqvgv0Us0atUbILytj=s88-c-k-c0x00ffffff-no-rj"
/>
</v-avatar>
<h2 class="white--text">Web Burden</h2>
</div>
</v-img>
class="px-7 mx-7"
:src="require('@/assets/just-logo.png')"
contain/>
<v-divider></v-divider>
<v-list>
<v-list-item v-for="(link,index) in links" :key="link.icon" link @click="clickGo(index, link.url)">
@@ -41,10 +30,10 @@ export default {
data() {
return {
links: [
{name: "지난 주문", url: "/prev-order", icon: "mdi-home-outline"},
{name: "카테고리", url: "/category", icon: "mdi-magnify"},
{name: "주문", url: "/order", icon: "mdi-cards-heart-outline"},
{name: "메뉴 관리", url: "/menu", icon: "mdi-cards-heart-outline"},
{name: "지난 주문", url: "/prev-order", icon: "mdi-clipboard-check-outline"},
{name: "카테고리", url: "/category", icon: "mdi-shape-outline"},
{name: "주문", url: "/order", icon: "mdi-order-numeric-ascending"},
{name: "메뉴 관리", url: "/menu", icon: "mdi-cog-outline"},
],
};
},