qing/micro_servers
1
3 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(dnfs): 美化卡片发帖用户显示为头像+昵称胶囊

Browse Source 
- dnfs.js: owner 纯文本改为首字符圆形头像 + 昵称，空值兜底匿名
- theme.css: 新增 Owner Chip 样式段，复用主题变量自动适配深色模式
This commit is contained in:
qing committed 2026-07-29 10:53:29 +08:00
1 parent a905dac00d
commit dae81ba4a1
2 files changed
+52 -10
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

static/public/css/theme.css
+32
View File
@@ -224,6 +224,38 @@ input[type="button"]:disabled {
.recommend-list .card h3 { transition: color 0.15s; }
.recommend-list .card p { font-size: 0.9rem; line-height: 1.6; color: var(--fg-secondary); }
/* ===== Owner Chip (dnfs 发帖用户) ===== */
.card-owner {
display: inline-flex;
align-items: center;
gap: 0.4rem;
margin-top: 0.2rem;
}
.owner-avatar {
display: inline-flex;
align-items: center;
justify-content: center;
width: 22px;
height: 22px;
border-radius: 50%;
background: var(--accent-soft);
color: var(--accent-dark);
border: 1px solid var(--accent);
font-size: 0.7rem;
font-weight: 700;
flex-shrink: 0;
user-select: none;
}
.owner-name {
font-size: 0.8rem;
font-weight: 600;
color: var(--fg-secondary);
max-width: 200px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
/* ===== Minimap (dnfs) ===== */
.minimap {
position: fixed;
static/public/js/dnfs.js
+20 -10
View File
@@ -269,17 +269,27 @@ function load_notes(main_node) {
ttl.appendChild(ttl1);
card.appendChild(ttl);
let wrt_div = document.createElement('p');
let vit_div = document.createElement('p');
let lke_div = document.createElement('p');
let srd_div = document.createElement('p');
wrt_div.textContent = "用户：" + item.owner;
vit_div.textContent = "观看数：" + item.visit_count;
lke_div.textContent = "点赞数：" + item.like_count;
srd_div.textContent = "分享数：" + item.share_count;
//let vit_div = document.createElement('p');
//let lke_div = document.createElement('p');
//let srd_div = document.createElement('p');
// 发帖用户：头像圆点（取昵称首字符）+ 昵称，样式见 theme.css 的 Owner Chip 段
wrt_div.className = "card-owner";
let owner_text = (item.owner == null || item.owner === "") ? "匿名" : String(item.owner);
let owner_avatar = document.createElement('span');
owner_avatar.className = "owner-avatar";
owner_avatar.textContent = owner_text.trim().charAt(0).toUpperCase() || "?";
let owner_name = document.createElement('span');
owner_name.className = "owner-name";
owner_name.textContent = owner_text;
wrt_div.appendChild(owner_avatar);
wrt_div.appendChild(owner_name);
//vit_div.textContent = "观看数：" + item.visit_count;
//lke_div.textContent = "点赞数：" + item.like_count;
//srd_div.textContent = "分享数：" + item.share_count;
ttl.appendChild(wrt_div);
ttl.appendChild(vit_div);
ttl.appendChild(lke_div);
ttl.appendChild(srd_div);
//ttl.appendChild(vit_div);
//ttl.appendChild(lke_div);
//ttl.appendChild(srd_div);
let ctt = document.createElement('p');
renderMarkdown(ctt, item.content);
card.appendChild(ctt)