Skip to content
This repository has been archived by the owner on Jan 21, 2024. It is now read-only.

fix: the icon style in the dashboard statistics is offset #536

Merged
merged 1 commit into from
Apr 6, 2022
Merged

fix: the icon style in the dashboard statistics is offset #536

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
52 changes: 30 additions & 22 deletions src/views/dashboard/Dashboard.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,40 +3,48 @@
<a-row :gutter="12">
<a-col :lg="6" :md="12" :sm="12" :xl="6" :xs="12" class="mb-3">
<analysis-card :number="statisticsData.postCount" title="文章">
<router-link slot="action" :to="{ name: 'PostWrite' }">
<a-icon v-if="statisticsLoading" type="loading" />
<a-icon v-else type="plus" />
</router-link>
<template #action>
<router-link :to="{ name: 'PostWrite' }">
<a-icon v-if="statisticsLoading" type="loading" />
<a-icon v-else type="plus" />
</router-link>
</template>
</analysis-card>
</a-col>
<a-col :lg="6" :md="12" :sm="12" :xl="6" :xs="12" class="mb-3">
<analysis-card :number="statisticsData.commentCount" title="评论">
<router-link slot="action" :to="{ name: 'Comments' }">
<a-icon v-if="statisticsLoading" type="loading" />
<a-icon v-else type="unordered-list" />
</router-link>
<template #action>
<router-link :to="{ name: 'Comments' }">
<a-icon v-if="statisticsLoading" type="loading" />
<a-icon v-else type="unordered-list" />
</router-link>
</template>
</analysis-card>
</a-col>
<a-col :lg="6" :md="12" :sm="12" :xl="6" :xs="12" class="mb-3">
<analysis-card :number="statisticsData.visitCount" title="阅读量">
<a-tooltip slot="action">
<template slot="title"> 文章阅读共 {{ statisticsData.visitCount }} 次</template>
<a-button class="!p-0" type="link">
<a-icon v-if="statisticsLoading" type="loading" />
<a-icon v-else type="info-circle-o" />
</a-button>
</a-tooltip>
<template #action>
<a-tooltip>
<template #title>文章阅读共 {{ statisticsData.visitCount }} 次</template>
<span>
<a-icon v-if="statisticsLoading" type="loading" />
<a-icon v-else type="info-circle-o" />
</span>
</a-tooltip>
</template>
</analysis-card>
</a-col>
<a-col :lg="6" :md="12" :sm="12" :xl="6" :xs="12" class="mb-3">
<analysis-card :number="statisticsData.establishDays" title="建立天数">
<a-tooltip slot="action">
<template slot="title">博客建立于 {{ statisticsData.birthday | moment }}</template>
<a-button class="!p-0" type="link">
<a-icon v-if="statisticsLoading" type="loading" />
<a-icon v-else type="info-circle-o" />
</a-button>
</a-tooltip>
<template #action>
<a-tooltip>
<template #title>博客建立于 {{ statisticsData.birthday | moment }}</template>
<span>
<a-icon v-if="statisticsLoading" type="loading" />
<a-icon v-else type="info-circle-o" />
</span>
</a-tooltip>
</template>
</analysis-card>
</a-col>
</a-row>
Expand Down