Cxx0822/blog-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat:更新博客label样式

Browse Source
This commit is contained in:
Cxx0822
2025-10-29 16:40:07 +08:00
parent 4e83531621
commit 8f8a0373b2
2 changed files with 45 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

64
src/components/Content/BlogLabel.vue
View File

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

7
src/styles/blog/blog.label.module.scss
View File

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