feat:更新博客label样式
This commit is contained in:
@@ -13,47 +13,59 @@
|
||||
|
||||
<div v-if="props.basicBlog?.isGreat" class="item">|</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>
|
||||
|
||||
<el-tooltip content="修改日期">
|
||||
<div class="item">
|
||||
<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>
|
||||
</el-tooltip>
|
||||
|
||||
<div class="item">|</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>
|
||||
|
||||
<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">
|
||||
<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>
|
||||
|
||||
<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>
|
||||
|
||||
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user