fix: QQ客服布局 + 回到顶部按钮样式修复
All checks were successful
continuous-integration/drone/push Build is passing
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:
@@ -120,6 +120,8 @@
|
||||
background: rgba(30, 41, 59, 0.3);
|
||||
border-radius: 8px;
|
||||
transition: background 0.2s ease;
|
||||
text-decoration: none;
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.fw-qq-entry:hover {
|
||||
@@ -160,14 +162,14 @@
|
||||
color: rgba(148, 163, 184, 0.5);
|
||||
}
|
||||
|
||||
/* 在线状态点 */
|
||||
/* 状态/复制提示 */
|
||||
.fw-qq-status {
|
||||
width: 6px;
|
||||
height: 6px;
|
||||
border-radius: 50%;
|
||||
background: #22C55E;
|
||||
font-size: 11px;
|
||||
color: rgba(148, 163, 184, 0.5);
|
||||
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 {
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
width: 28px;
|
||||
height: 28px;
|
||||
opacity: 0.9;
|
||||
}
|
||||
|
||||
/* ---- 移动端 ---- */
|
||||
|
||||
@@ -58,7 +58,7 @@
|
||||
'<span class="fw-qq-num">' + entry.qq + '</span>' +
|
||||
'<span class="fw-qq-time">' + entry.time + '</span>' +
|
||||
'</div>' +
|
||||
'<div class="fw-qq-status" style="font-size:12px;min-width:36px;text-align:right">点击复制</div>' +
|
||||
'<div class="fw-qq-status">点击复制</div>' +
|
||||
'</div>';
|
||||
}
|
||||
html += '</div>';
|
||||
|
||||
Reference in New Issue
Block a user