feat:更新博客label样式
This commit is contained in:
@@ -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>
|
||||||
|
|||||||
@@ -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 {
|
||||||
|
|||||||
Reference in New Issue
Block a user