feat:更新博客label样式

This commit is contained in:
2025-10-29 16:40:07 +08:00
parent 4e83531621
commit 8f8a0373b2
2 changed files with 45 additions and 26 deletions

View File

@@ -13,47 +13,59 @@
<div v-if="props.basicBlog?.isGreat" class="item">|</div> <div v-if="props.basicBlog?.isGreat" class="item">|</div>
<el-tooltip content="创建日期">
<div class="item"> <div class="item">
<i class="fa-regular fa-calendar"></i> <i class="fa-regular fa-calendar"></i>
<span class="date">{{ formatDate(props.basicBlog.createTime) }}</span> <span class="date">{{ formatDate(props.basicBlog.createTime) }}</span>
</div> </div>
</el-tooltip>
<div class="item">|</div> <div class="item">|</div>
<el-tooltip content="修改日期">
<div class="item"> <div class="item">
<i class="fa-regular fa-calendar-check"></i> <i class="fa-regular fa-calendar-check"></i>
<span class="date">{{ formatDate(props.basicBlog.createTime) }}</span> <span class="date">{{ formatDate(props.basicBlog.updateTime) }}</span>
</div> </div>
</el-tooltip>
<div class="item">|</div> <div class="item">|</div>
<el-tooltip content="分类">
<div class="item"> <div class="item">
<i class="fa-regular fa-folder"></i> <i class="fa-regular fa-folder"></i>
<span class="category" @click="viewBlogCategoryClick"> <span class="category" @click="viewBlogCategoryClick">
{{ props.basicBlog.category }} {{ props.basicBlog.category }}
</span> </span>
</div> </div>
</el-tooltip>
<div class="item">|</div> <div class="item">|</div>
<el-tooltip content="访问次数">
<div class="item"> <div class="item">
<i class="fa-solid fa-eye"></i> <i class="fa-solid fa-eye"></i>
<span>{{ props.basicBlog.visitCount }} </span> <span>{{ props.basicBlog.visitCount }} </span>
</div> </div>
</el-tooltip>
</div> </div>
<div class="container"> <div class="container">
<el-tooltip content="字数统计">
<div class="item"> <div class="item">
<i class="fa-regular fa-file-word"></i> <i class="fa-regular fa-file-word"></i>
<span>{{ props.basicBlog.wordCount }} </span> <span>{{ props.basicBlog.wordCount }} </span>
</div> </div>
</el-tooltip>
<div class="item">|</div> <div class="item">|</div>
<el-tooltip content="阅读时长">
<div class="item"> <div class="item">
<i class="fa-regular fa-clock"></i> <i class="fa-regular fa-clock"></i>
<span>{{ props.basicBlog.readDuration.toFixed(0) }} 分钟</span> <span>{{ props.basicBlog.readDuration.toFixed(0) }} 分钟</span>
</div> </div>
</el-tooltip>
</div> </div>
</div> </div>
</template> </template>

View File

@@ -37,6 +37,13 @@
color: #FFFFFF !important; color: #FFFFFF !important;
background-color: #7d26cd; background-color: #7d26cd;
padding: 2px; padding: 2px;
.fa-newspaper::after {
content: "精品";
margin-left: 2px;
font-size: smaller;
font-family: CustomFont, serif;
}
} }
.date { .date {