index.vue
2.21 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
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
<template>
<page-view has-bread>
<a-grid class="bot" :col-gap="12" :cols="24" :row-gap="12" style="margin-bottom: 16px">
<a-grid-item :span="{ xs: 12, sm: 12, md: 12, lg: 12, xl: 6, xxl: 6 }">
<user-certify-card />
</a-grid-item>
<a-grid-item :span="{ xs: 12, sm: 12, md: 12, lg: 12, xl: 6, xxl: 6 }">
<activity-total-card />
</a-grid-item>
<a-grid-item :span="{ xs: 12, sm: 12, md: 12, lg: 12, xl: 6, xxl: 6 }">
<activity-listen-card />
</a-grid-item>
<a-grid-item :span="{ xs: 12, sm: 12, md: 12, lg: 12, xl: 6, xxl: 6 }">
<activity-like-card />
</a-grid-item>
<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: 12, sm: 12, md: 12, lg: 12, xl: 6, xxl: 6 }">
<user-skill-card />
</a-grid-item>
<a-grid-item :span="{ xs: 12, sm: 12, md: 12, lg: 12, xl: 6, xxl: 6 }">
<user-total-card />
</a-grid-item>
</a-grid>
<overview class="bot" />
<submit-work-panel class="bot" />
</page-view>
</template>
<script lang="ts" setup>
import Overview from '@/views/dashboard/components/overview.vue';
import SubmitWorkPanel from '@/views/dashboard/components/submit-work-panel.vue';
import ActivityLikeCard from '@/views/dashboard/components/activity-like-card.vue';
import UserCertifyCard from '@/views/dashboard/components/user-certify-card.vue';
import UserTotalCard from '@/views/dashboard/components/user-total-card.vue';
import UserSkillCard from '@/views/dashboard/components/user-skill-card.vue';
import UserStyleCard from '@/views/dashboard/components/user-style-card.vue';
import ActivityStyleCard from '@/views/dashboard/components/activity-style-card.vue';
import ActivityListenCard from '@/views/dashboard/components/activity-listen-card.vue';
import ActivityTotalCard from '@/views/dashboard/components/activity-total-card.vue';
</script>
<style lang="less" scoped>
.container {
padding: 0 30px 20px 20px;
}
.bot {
margin-bottom: 16px;
}
</style>