feat(ui): 可点击元素统一玉绿示意(链接悬停下划线+行悬停首列染玉绿+会话侧栏玉绿激活;修StaffList灰色覆盖把link按钮染灰的bug)
Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
@@ -436,3 +436,43 @@ a {
|
|||||||
h2 {
|
h2 {
|
||||||
letter-spacing: 0.01em;
|
letter-spacing: 0.01em;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* ══ 可点击元素统一玉绿示意(2026-08-22) ══ */
|
||||||
|
|
||||||
|
/* 文本链接:玉绿 + 悬停下划线 */
|
||||||
|
.yk-link {
|
||||||
|
color: var(--el-color-primary);
|
||||||
|
cursor: pointer;
|
||||||
|
transition: color 0.15s ease;
|
||||||
|
}
|
||||||
|
.yk-link:hover {
|
||||||
|
text-decoration: underline;
|
||||||
|
text-underline-offset: 3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Element 链接按钮:悬停下划线(颜色已随主色) */
|
||||||
|
.el-button.is-link {
|
||||||
|
transition: color 0.15s ease;
|
||||||
|
}
|
||||||
|
.el-button.is-link:hover {
|
||||||
|
text-decoration: underline;
|
||||||
|
text-underline-offset: 3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 行级可点击(点行开抽屉):悬停时行首主信息染玉绿,配合行底色示意 */
|
||||||
|
.el-table .yk-clickable-row {
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.el-table .yk-clickable-row:hover td:first-child .cell {
|
||||||
|
color: var(--el-color-primary);
|
||||||
|
transition: color 0.15s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 聊天会话侧栏:悬停/激活玉绿系 */
|
||||||
|
.yk-chat-side__item:hover {
|
||||||
|
background: #eef8f2;
|
||||||
|
}
|
||||||
|
.yk-chat-side__item.is-active {
|
||||||
|
background: #e2f5eb;
|
||||||
|
box-shadow: inset 3px 0 0 var(--el-color-primary);
|
||||||
|
}
|
||||||
|
|||||||
@@ -1109,6 +1109,11 @@ onMounted(() => {
|
|||||||
.yk-pair__v {
|
.yk-pair__v {
|
||||||
color: #303133;
|
color: #303133;
|
||||||
}
|
}
|
||||||
|
/* 可点按钮(link primary)不受灰文本覆盖,保持玉绿示意(2026-08-22) */
|
||||||
|
.yk-pair__v.el-button,
|
||||||
|
.yk-staffinfo__v.el-button {
|
||||||
|
color: var(--el-color-primary);
|
||||||
|
}
|
||||||
|
|
||||||
/* Round 40px avatar — el-image renders an <img> inside; size + round it. */
|
/* Round 40px avatar — el-image renders an <img> inside; size + round it. */
|
||||||
.yk-avatar-round {
|
.yk-avatar-round {
|
||||||
|
|||||||
Reference in New Issue
Block a user