diff --git a/src/components/Content/BlogLabel.vue b/src/components/Content/BlogLabel.vue index 5258ce0..12baba5 100644 --- a/src/components/Content/BlogLabel.vue +++ b/src/components/Content/BlogLabel.vue @@ -13,47 +13,59 @@
|
-
- - {{ formatDate(props.basicBlog.createTime) }} -
+ +
+ + {{ formatDate(props.basicBlog.createTime) }} +
+
|
-
- - {{ formatDate(props.basicBlog.createTime) }} -
+ +
+ + {{ formatDate(props.basicBlog.updateTime) }} +
+
|
-
- - - {{ props.basicBlog.category }} - -
+ +
+ + + {{ props.basicBlog.category }} + +
+
|
-
- - {{ props.basicBlog.visitCount }} 次 -
+ +
+ + {{ props.basicBlog.visitCount }} 次 +
+
-
- - {{ props.basicBlog.wordCount }} 字 -
+ +
+ + {{ props.basicBlog.wordCount }} 字 +
+
|
-
- - {{ props.basicBlog.readDuration.toFixed(0) }} 分钟 -
+ +
+ + {{ props.basicBlog.readDuration.toFixed(0) }} 分钟 +
+
diff --git a/src/styles/blog/blog.label.module.scss b/src/styles/blog/blog.label.module.scss index bdb1270..83fc190 100644 --- a/src/styles/blog/blog.label.module.scss +++ b/src/styles/blog/blog.label.module.scss @@ -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 {