41 lines
1.0 KiB
Vue
41 lines
1.0 KiB
Vue
|
<template>
|
||
|
|
<section class="subjects-section section">
|
||
|
|
<div class="container-fluid">
|
||
|
|
|
||
|
|
<div class="row subjects-main hr-x">
|
||
|
|
<div class="col-12 subjects-title">
|
||
|
|
<h1 class="text-title ">موضوعات قانونی</h1>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="card" v-for="(item, index) in menu.subjects" :key="index">
|
||
|
|
<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>
|
||
|
|
<button class="btn-majles">مشاهده</button>
|
||
|
|
</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>
|