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

Signed-off-by: Ryan Wang <i@ryanc.cc>
pull/538/head
Ryan Wang 2022-04-06 15:02:08 +08:00 committed by GitHub
parent 8ac33f8865
commit 8c54bb3ed0
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 30 additions and 22 deletions

View File

@ -3,40 +3,48 @@
<a-row :gutter="12"> <a-row :gutter="12">
<a-col :lg="6" :md="12" :sm="12" :xl="6" :xs="12" class="mb-3"> <a-col :lg="6" :md="12" :sm="12" :xl="6" :xs="12" class="mb-3">
<analysis-card :number="statisticsData.postCount" title="文章"> <analysis-card :number="statisticsData.postCount" title="文章">
<router-link slot="action" :to="{ name: 'PostWrite' }"> <template #action>
<router-link :to="{ name: 'PostWrite' }">
<a-icon v-if="statisticsLoading" type="loading" /> <a-icon v-if="statisticsLoading" type="loading" />
<a-icon v-else type="plus" /> <a-icon v-else type="plus" />
</router-link> </router-link>
</template>
</analysis-card> </analysis-card>
</a-col> </a-col>
<a-col :lg="6" :md="12" :sm="12" :xl="6" :xs="12" class="mb-3"> <a-col :lg="6" :md="12" :sm="12" :xl="6" :xs="12" class="mb-3">
<analysis-card :number="statisticsData.commentCount" title="评论"> <analysis-card :number="statisticsData.commentCount" title="评论">
<router-link slot="action" :to="{ name: 'Comments' }"> <template #action>
<router-link :to="{ name: 'Comments' }">
<a-icon v-if="statisticsLoading" type="loading" /> <a-icon v-if="statisticsLoading" type="loading" />
<a-icon v-else type="unordered-list" /> <a-icon v-else type="unordered-list" />
</router-link> </router-link>
</template>
</analysis-card> </analysis-card>
</a-col> </a-col>
<a-col :lg="6" :md="12" :sm="12" :xl="6" :xs="12" class="mb-3"> <a-col :lg="6" :md="12" :sm="12" :xl="6" :xs="12" class="mb-3">
<analysis-card :number="statisticsData.visitCount" title="阅读量"> <analysis-card :number="statisticsData.visitCount" title="阅读量">
<a-tooltip slot="action"> <template #action>
<template slot="title"> 文章阅读共 {{ statisticsData.visitCount }} </template> <a-tooltip>
<a-button class="!p-0" type="link"> <template #title>文章阅读共 {{ statisticsData.visitCount }} </template>
<span>
<a-icon v-if="statisticsLoading" type="loading" /> <a-icon v-if="statisticsLoading" type="loading" />
<a-icon v-else type="info-circle-o" /> <a-icon v-else type="info-circle-o" />
</a-button> </span>
</a-tooltip> </a-tooltip>
</template>
</analysis-card> </analysis-card>
</a-col> </a-col>
<a-col :lg="6" :md="12" :sm="12" :xl="6" :xs="12" class="mb-3"> <a-col :lg="6" :md="12" :sm="12" :xl="6" :xs="12" class="mb-3">
<analysis-card :number="statisticsData.establishDays" title="建立天数"> <analysis-card :number="statisticsData.establishDays" title="建立天数">
<a-tooltip slot="action"> <template #action>
<template slot="title">博客建立于 {{ statisticsData.birthday | moment }}</template> <a-tooltip>
<a-button class="!p-0" type="link"> <template #title>博客建立于 {{ statisticsData.birthday | moment }}</template>
<span>
<a-icon v-if="statisticsLoading" type="loading" /> <a-icon v-if="statisticsLoading" type="loading" />
<a-icon v-else type="info-circle-o" /> <a-icon v-else type="info-circle-o" />
</a-button> </span>
</a-tooltip> </a-tooltip>
</template>
</analysis-card> </analysis-card>
</a-col> </a-col>
</a-row> </a-row>