68 lines
1.7 KiB
Vue
68 lines
1.7 KiB
Vue
|
<template>
|
|||
|
|
<div class="container-fluid">
|
|||
|
|
<div class="row">
|
|||
|
|
<div class="col-sm-12 col-md-4 mt-3">
|
|||
|
|
<div class="my-card">
|
|||
|
|
<h2 class="title">آخرین فعالیتهای شما</h2>
|
|||
|
|
<div class="content">
|
|||
|
|
<span class="value">14</span><span class="subtitle">فهرست</span>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-sm-12 col-md-4 mt-3">
|
|||
|
|
<div class="my-card">
|
|||
|
|
<h2 class="title">آمار دادههای سامانه</h2>
|
|||
|
|
<div class="content">
|
|||
|
|
<span class="value">14</span><span class="subtitle">داده ها</span>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-sm-12 col-md-4 mt-3">
|
|||
|
|
<div class="my-card">
|
|||
|
|
<h2 class="title">موضوعات پیشنهادی</h2>
|
|||
|
|
<div class="content">
|
|||
|
|
<span class="value">28</span
|
|||
|
|
><span class="subtitle">فهرست موضوعات</span>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
// import HttpService from "~/services/httpService";
|
|||
|
|
|
|||
|
|
export default {
|
|||
|
|
beforeMount() {
|
|||
|
|
// this.httpService = new HttpService(import.meta.env.VITE_REPO_BASE_URL);
|
|||
|
|
},
|
|||
|
|
};
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<style lang="scss" scoped>
|
|||
|
|
.my-card {
|
|||
|
|
height: 25em;
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: column;
|
|||
|
|
background-color: #fff;
|
|||
|
|
border-radius: 1em;
|
|||
|
|
overflow: hidden;
|
|||
|
|
box-shadow: 0 0.4688rem 2.1875rem rgba(4, 9, 20, 0.03),
|
|||
|
|
0 0.9375rem 1.4063rem rgba(4, 9, 20, 0.03),
|
|||
|
|
0 0.25rem 0.5313rem rgba(4, 9, 20, 0.03),
|
|||
|
|
0 0.125rem 0.1875rem rgba(4, 9, 20, 0.03);
|
|||
|
|
.title {
|
|||
|
|
font-size: 1.2em;
|
|||
|
|
text-align: left;
|
|||
|
|
margin: 1em;
|
|||
|
|
}
|
|||
|
|
.content {
|
|||
|
|
flex: 1;
|
|||
|
|
display: flex;
|
|||
|
|
justify-content: center;
|
|||
|
|
align-items: center;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</style>
|