Skip to content

Commit ad55c9f

Browse files
committed
perf: optimize post meta info
1 parent 22d8b8e commit ad55c9f

File tree

3 files changed

+4
-23
lines changed

3 files changed

+4
-23
lines changed

layout/_partial/post/post-meta-info.ejs

+3-4
Original file line numberDiff line numberDiff line change
@@ -13,14 +13,13 @@ const home_tag_limit_number = 5
1313

1414
<% if (page_type === 'post') { %>
1515
<span class="meta-info-item post-create-date">
16-
<i class="icon fa-solid fa-calendar-check"></i>&nbsp;
17-
<span class="pc"><%= date(post.date, theme.post?.datetime_format || 'YYYY-MM-DD HH:mm:ss') %></span>
18-
<span class="mobile"><%= date(post.date, 'YYYY-MM-DD HH:mm') %></span>
16+
<i class="icon fa-solid fa-calendar-plus"></i>&nbsp;
17+
<span class="datetime"><%= date(post.date, theme.post?.datetime_format || 'YYYY-MM-DD HH:mm:ss') %></span>
1918
</span>
2019
2120
<span class="meta-info-item post-update-date">
2221
<i class="icon fa-solid fa-file-pen"></i>&nbsp;
23-
<span class="pc" data-updated="<%= post.updated %>"><%= date(post.updated, theme.post?.datetime_format || 'YYYY-MM-DD HH:mm:ss') %></span>
22+
<span class="datetime" data-updated="<%= post.updated %>"><%= date(post.updated, theme.post?.datetime_format || 'YYYY-MM-DD HH:mm:ss') %></span>
2423
</span>
2524
<% } %>
2625

source/css/layout/_partial/post-meta-info.styl

-18
Original file line numberDiff line numberDiff line change
@@ -65,29 +65,11 @@ $meta-icon-interspace = 0.4rem
6565

6666
.post-create-date {
6767
display var(--post-create-datetime)
68-
69-
.mobile {
70-
display none
71-
}
72-
73-
+keep-tablet() {
74-
.pc {
75-
display none
76-
}
77-
78-
.mobile {
79-
display inline-block
80-
}
81-
}
8268
}
8369

8470

8571
.post-update-date {
8672
display var(--post-update-datetime)
87-
88-
+keep-tablet() {
89-
display none
90-
}
9173
}
9274

9375

source/js/post/post-helper.js

+1-1
Original file line numberDiff line numberDiff line change
@@ -194,7 +194,7 @@ function initPostHelper() {
194194

195195
resetPostUpdateDate() {
196196
const updateDateDom = document.querySelector(
197-
'.post-meta-info-container .post-update-date .pc'
197+
'.post-meta-info-container .post-update-date .datetime'
198198
)
199199
const updated = new Date(updateDateDom.dataset.updated).getTime()
200200
const format = KEEP.theme_config.post?.datetime_format || 'YYYY-MM-DD HH:mm:ss'

0 commit comments

Comments
 (0)