fix: QQ客服布局 + 回到顶部按钮样式修复
All checks were successful
continuous-integration/drone/push Build is passing

- QQ条目: status 从绿色圆点改为文字提示(点击复制/已复制)
- QQ条目: 加 text-decoration:none 和 margin-left:auto 右对齐
- 回到顶部: SVG 图标从 18px 放大到 28px
This commit is contained in:
yiqiu
2026-03-18 22:55:36 +08:00
parent 29d2822602
commit 82f5082fa5
2 changed files with 12 additions and 9 deletions

View File

@@ -120,6 +120,8 @@
background: rgba(30, 41, 59, 0.3); background: rgba(30, 41, 59, 0.3);
border-radius: 8px; border-radius: 8px;
transition: background 0.2s ease; transition: background 0.2s ease;
text-decoration: none;
color: inherit;
} }
.fw-qq-entry:hover { .fw-qq-entry:hover {
@@ -160,14 +162,14 @@
color: rgba(148, 163, 184, 0.5); color: rgba(148, 163, 184, 0.5);
} }
/* 在线状态点 */ /* 状态/复制提示 */
.fw-qq-status { .fw-qq-status {
width: 6px; font-size: 11px;
height: 6px; color: rgba(148, 163, 184, 0.5);
border-radius: 50%;
background: #22C55E;
flex-shrink: 0; flex-shrink: 0;
box-shadow: 0 0 6px rgba(34, 197, 94, 0.4); white-space: nowrap;
margin-left: auto;
transition: color 0.2s ease;
} }
/* ---- 二维码样式(群聊 / 公众号) ---- */ /* ---- 二维码样式(群聊 / 公众号) ---- */
@@ -213,8 +215,9 @@
} }
.fw-back-top svg { .fw-back-top svg {
width: 18px; width: 28px;
height: 18px; height: 28px;
opacity: 0.9;
} }
/* ---- 移动端 ---- */ /* ---- 移动端 ---- */

View File

@@ -58,7 +58,7 @@
'<span class="fw-qq-num">' + entry.qq + '</span>' + '<span class="fw-qq-num">' + entry.qq + '</span>' +
'<span class="fw-qq-time">' + entry.time + '</span>' + '<span class="fw-qq-time">' + entry.time + '</span>' +
'</div>' + '</div>' +
'<div class="fw-qq-status" style="font-size:12px;min-width:36px;text-align:right">点击复制</div>' + '<div class="fw-qq-status">点击复制</div>' +
'</div>'; '</div>';
} }
html += '</div>'; html += '</div>';