index.vue
1.18 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
<template>
<div class="container">
<Breadcrumb :items="['dashboard']" />
<a-space class="bot" direction="vertical" :size="16" fill>
<a-grid :cols="24" :col-gap="12" :row-gap="12">
<a-grid-item :span="{ xs: 12, sm: 12, md: 12, lg: 12, xl: 6, xxl: 6 }">
<activity-style-card />
</a-grid-item>
<a-grid-item :span="{ xs: 12, sm: 12, md: 12, lg: 12, xl: 6, xxl: 6 }">
<user-style-card />
</a-grid-item>
<a-grid-item :span="{ xs: 24, sm: 24, md: 24, lg: 12, xl: 12, xxl: 12 }">
<to-do-card />
</a-grid-item>
</a-grid>
</a-space>
<SubmitWorkPanel class="bot" />
</div>
</template>
<script lang="ts" setup>
import SubmitWorkPanel from '@/views/dashboard/components/submit-work-panel.vue';
import ToDoCard from '@/views/dashboard/components/to-do-card.vue';
import { onMounted } from 'vue';
import UserStyleCard from '@/views/dashboard/components/user-style-card.vue';
import ActivityStyleCard from '@/views/dashboard/components/activity-style-card.vue';
onMounted(() => {});
</script>
<style lang="less" scoped>
.container {
padding: 0 30px 20px 20px;
}
.bot {
margin-bottom: 16px;
}
</style>