51 lines
1.4 KiB
Vue
51 lines
1.4 KiB
Vue
<template>
|
|
<section class="commissions-section section">
|
|
<div class="container-fluid">
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<div class="row commissions-main hr-x">
|
|
<div class="col-12 commissions-header">
|
|
<h1 class="commissions-header-title mr-3">کمیسیونها</h1>
|
|
</div>
|
|
<div class="col-12">
|
|
<div class="d-grid">
|
|
<div
|
|
class="grid-item"
|
|
v-for="(item, index) in menu.commissions"
|
|
:key="index"
|
|
>
|
|
<div class="card">
|
|
<div class="my-card-header">
|
|
<svg class="card-icon" :class="`icon icon-` + item.icon">
|
|
<use xlink :href="`#icon-` + item.icon"></use>
|
|
</svg>
|
|
</div>
|
|
<div class="card-body">
|
|
<h5 class="card-title">
|
|
{{ item.title }}
|
|
</h5>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</template>
|
|
|
|
<script>
|
|
import menu from "~/json/dashboard/majles/json/majlesDashboard.json";
|
|
export default {
|
|
data() {
|
|
return {
|
|
menu: menu,
|
|
typingTimer: 0,
|
|
doneTypingInterval: 500,
|
|
};
|
|
},
|
|
};
|
|
</script>
|