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>
|