45 lines
1.1 KiB
Vue
45 lines
1.1 KiB
Vue
<template>
|
||
<div class="menu-bar__container">
|
||
<ul class="menu-bar__link link-bar">
|
||
<li class="link-bar__item">
|
||
<a @click.prevent="redirectToRouteName()" href="/" class="btn dashboard-btn">
|
||
<img style="width: 1em;height: 1em;" src="assets/list/img/hamburger-menu.svg" class="img-fluid" alt="سامانه ها">
|
||
<span class="mx-1">سامانه ها</span>
|
||
</a>
|
||
</li>
|
||
<li
|
||
v-for="(item, i) in menu"
|
||
:key="i"
|
||
:class="
|
||
item.actionMode == currentMode
|
||
? 'link-bar__item color-' + item.color + ' active'
|
||
: 'link-bar__item color-' + item.color
|
||
"
|
||
>
|
||
<router-link
|
||
:to="item.link" :title="item.title">
|
||
<i :class="item.icon">
|
||
<span class="path1"></span><span class="path2"></span
|
||
></i>
|
||
</router-link>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</template>
|
||
<script>
|
||
import menu from "~/json/list/json/sidebar.json"
|
||
|
||
export default {
|
||
props: ["currentMode"],
|
||
|
||
data() {
|
||
return {
|
||
menu: menu
|
||
};
|
||
},
|
||
|
||
|
||
|
||
};
|
||
</script>
|