yuany3721/vuepress-theme-plume
1
0
Fork 0
forked from gitea-yuany3721/vuepress-theme-plume
Code Pull Requests Activity

fix(theme): update post tag style

Browse Source
This commit is contained in:
pengzhanbo 2023-02-14 04:58:38 +08:00
parent 5131ee2385
commit 0a017c8541
1 changed files with 14 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
packages/theme/src/client/components/PostItem.vue
View File

@ -43,7 +43,10 @@ const createTime = computed(() => {
</div>
<div v-if="tags.length" class="tag-list">
<IconTag class="icon" />
<span v-for="tag in tags" :key="tag">{{ tag }}</span>
<template v-for="(tag, i) in tags" :key="tag">
<span class="tag">{{ tag }}</span>
<span v-if="i !== tags.length - 1">,</span>
</template>
</div>
<div v-if="createTime" class="create-time">
<IconClock class="icon" />
@ -68,7 +71,7 @@ const createTime = computed(() => {
h3 {
display: flex;
align-items: center;
font-size: 18px;
font-size: 20px;
font-weight: 600;
transition: color var(--t-color);
margin-bottom: 1rem;
@ -116,6 +119,15 @@ const createTime = computed(() => {
}
}
.tag-list {
display: flex;
align-items: center;
.tag {
margin: 0 0.2rem;
}
}
.icon {
width: 14px;
height: 14px;