zqlit/blog
1
0 Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

友链卡片移动端适配：≤640px隐藏头像、收紧间距内边距、微调字号字距
Deploy to Production / pre-check (push) Successful in 47s
Details
Deploy to Production / build (push) Successful in 4m17s
Details
Deploy to Production / deploy-edgeone (push) Canceled after 37s
Details
Deploy to Production / finalize (push) Canceled after 0s
Details
Deploy to Production / notify-failure (push) Canceled after 0s
Details

Browse Source
This commit is contained in:
zqlit committed 2026-10-03 17:29:20 +08:00
1 parent 63fd5641d5
commit 5858188628
2 files changed
+29 -4
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

themes/Ying/assets/js/modules/artalk.js
+4 -4
View File
@@ -772,13 +772,13 @@ artalk.on('comment-rendered', function(node) {
'background:var(--bg-card,#fff);border:1px solid var(--border-main,#eeeeee);' +
'border-radius:10px;transition:border-color .2s,background .2s;';
card.innerHTML =
'<img class="uk-animation-scale-up" src="' + avatarSrc + '" alt="" referrerpolicy="no-referrer" ' +
'<img class="atk-fl-avatar uk-animation-scale-up" src="' + avatarSrc + '" alt="" referrerpolicy="no-referrer" ' +
'style="flex:none;width:40px;height:40px;border-radius:6px;object-fit:cover">' +
'<span style="flex:1;min-width:0">' +
'<span style="display:flex;align-items:center;gap:0;font-size:14px;font-weight:600;color:var(--text-main,#333)">' +
'<span class="atk-fl-body" style="flex:1;min-width:0">' +
'<span class="atk-fl-nick" style="display:flex;align-items:center;gap:0;font-size:14px;font-weight:600;color:var(--text-main,#333)">' +
'<span style="overflow:hidden;text-overflow:ellipsis;white-space:nowrap">' + nickText.replace(/</g, '&lt;') + '</span>' +
'</span>' +
'<span style="display:block;font-size:13px;margin-top:2px;color:var(--text-desc,#777);line-height:1.5">' +
'<span class="atk-fl-desc" style="display:block;font-size:13px;margin-top:2px;color:var(--text-desc,#777);line-height:1.5">' +
'<span class="atk-fl-typed"></span><i class="atk-fl-caret"></i>' +
'</span>' +
'</span>' +
themes/Ying/layouts/partials/artalk.html
+25
View File
@@ -118,6 +118,31 @@
.atk-fl-card-wrap {
margin: 0 0 6px;
}
/* ---- 移动端：卡片更紧凑（隐藏头像 + 收紧间距 + 微调字号/字距） ---- */
@media (max-width: 640px) {
.atk-fl-card {
gap: 8px !important;
padding: 10px 12px !important;
}
.atk-fl-card .atk-fl-avatar {
display: none !important; /* 窄屏省掉头像，把宽度让给文字 */
}
.atk-fl-card .atk-fl-nick {
font-size: 13.5px !important;
letter-spacing: 0.2px !important;
}
.atk-fl-card .atk-fl-desc {
font-size: 12.5px !important;
letter-spacing: 0.2px !important;
margin-top: 3px !important;
}
.atk-fl-card .atk-fl-btn {
font-size: 12.5px !important;
padding: 5px 11px !important;
letter-spacing: 0.2px !important;
}
}
.atk-fl-card {
animation: flApplyIn .5s cubic-bezier(.22, 1, .36, 1) both;
}