前端答辩级改造:错误中文化、证据弹窗可读化、图谱默认岗位子图、演化报告化、匹配60/40、六步导览
- cnFetch 统一网络层,业务化错误文案+原位重试,屏蔽内部文件名 - 证据弹窗:结论/来源平台·企业·日期/原文/命中依据+翻页 - 图谱默认 Java 岗位子图;详情面板四区块(结论/能力清单/近期变化/证据操作) - 演化页本期结论块(需求指数口径)+近8季默认视图 - 匹配页输入区 60/40 + 岗位信息卡 + 结论分档文案 + 缺口折叠 - 学习路径空状态引导+阶段语义化命名;六步导览浮动条 - tests/test_frontend_logic.js 21 用例
This commit is contained in:
@@ -947,3 +947,80 @@ svg { width: 16px; height: 16px; stroke: currentColor; fill: none; stroke-width:
|
||||
.tour-step-title { font-size: 13px; font-weight: 600; color: var(--text-1); margin-bottom: 2px; }
|
||||
.tour-step-desc { font-size: 12px; color: var(--text-3); }
|
||||
.cfg-foot-note { text-align: center; font-size: 12px; color: var(--text-3); padding: 4px 0 2px; }
|
||||
|
||||
/* 顶栏左侧操作区(开始演示 + 状态徽标) */
|
||||
.topbar-left-actions { display: flex; align-items: center; gap: 10px; margin-left: 22px; }
|
||||
|
||||
/* ============ 2026-08 答辩级改造新增样式 ============ */
|
||||
|
||||
/* 评委演示导览浮动条(右上角固定) */
|
||||
.tour-bar {
|
||||
position: fixed; top: calc(var(--topbar-h) + 10px); right: 16px; z-index: 900;
|
||||
display: flex; align-items: center; gap: 10px;
|
||||
background: var(--bg-card); border: 1px solid var(--border); border-radius: 12px;
|
||||
box-shadow: var(--shadow-pop); padding: 8px 12px; max-width: 640px;
|
||||
}
|
||||
.tour-prog {
|
||||
font-size: 12px; font-weight: 600; color: #fff; background: var(--primary);
|
||||
border-radius: 999px; padding: 3px 10px; white-space: nowrap;
|
||||
}
|
||||
.tour-text { display: flex; flex-direction: column; min-width: 0; }
|
||||
.tour-text b { font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
|
||||
.tour-desc { font-size: 11px; color: var(--text-3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
|
||||
.tour-bar .btn { white-space: nowrap; }
|
||||
|
||||
/* 证据弹窗:结论 / 来源 / 命中依据 / 弱化内部编号 */
|
||||
.ev-conclusion { font-size: 15px; font-weight: 600; margin-bottom: 8px; }
|
||||
.ev-conclusion .text-weak { font-size: 12px; font-weight: 400; }
|
||||
.ev-source { font-size: 12px; color: var(--text-2); margin: 6px 0 10px; }
|
||||
.ev-basis { font-size: 12px; color: var(--text-2); background: var(--primary-light); border-radius: 6px; padding: 6px 10px; margin-top: 10px; }
|
||||
.ev-sid { font-size: 11px; color: var(--text-3); opacity: 0.6; margin-top: 10px; }
|
||||
|
||||
/* 来源列表行内可读元信息 */
|
||||
.src-item .src-meta { font-size: 13px; }
|
||||
|
||||
/* 演化页:本期结论块 */
|
||||
.evo-summary { margin: 4px 0 14px; display: flex; flex-direction: column; gap: 8px; }
|
||||
.evs-row {
|
||||
display: flex; gap: 12px; align-items: flex-start;
|
||||
background: var(--bg-hover); border: 1px solid var(--border); border-radius: 10px; padding: 10px 12px;
|
||||
}
|
||||
.evs-win { font-size: 13px; white-space: nowrap; padding-top: 2px; }
|
||||
.evs-items { display: flex; flex-direction: column; gap: 6px; font-size: 13px; }
|
||||
.evs-item .tag { margin-right: 6px; }
|
||||
.evo-heat-head { display: flex; align-items: center; justify-content: space-between; }
|
||||
.seg-sm button { font-size: 11px; padding: 2px 10px; }
|
||||
|
||||
/* 匹配页:60/40 输入布局 + 目标岗位信息卡 */
|
||||
.match-input-grid { display: grid; grid-template-columns: 3fr 2fr; gap: 18px; align-items: start; }
|
||||
.job-info-card {
|
||||
background: var(--bg-hover); border: 1px solid var(--border); border-radius: 12px; padding: 14px 16px;
|
||||
}
|
||||
.jic-title { font-size: 16px; font-weight: 600; }
|
||||
.jic-meta { font-size: 12px; color: var(--text-3); margin: 4px 0 8px; }
|
||||
.jic-def { font-size: 13px; color: var(--text-2); margin-bottom: 10px; line-height: 1.6; }
|
||||
.jic-sec { margin-top: 8px; }
|
||||
.jic-label { font-size: 12px; color: var(--text-3); display: block; margin-bottom: 4px; }
|
||||
.jic-chips { display: flex; flex-wrap: wrap; gap: 6px; }
|
||||
|
||||
/* 诊断结果自然语言结论 */
|
||||
.match-advice {
|
||||
font-size: 13px; color: var(--text-1); background: var(--primary-light);
|
||||
border-radius: 8px; padding: 8px 12px; margin-top: 8px; line-height: 1.6; text-align: left;
|
||||
}
|
||||
|
||||
/* 图谱详情面板四区块 */
|
||||
.dt-def { font-size: 13px; color: var(--text-2); line-height: 1.6; margin-bottom: 8px; }
|
||||
.dt-support { font-size: 12px; color: var(--text-2); background: var(--bg-hover); border-radius: 6px; padding: 6px 10px; margin-top: 6px; }
|
||||
.dt-chips { display: flex; flex-wrap: wrap; gap: 6px; padding: 2px 0 6px; }
|
||||
.dt-chips .dt-skill { cursor: pointer; }
|
||||
.dt-ev {
|
||||
display: flex; align-items: center; gap: 8px; padding: 6px 4px;
|
||||
border-bottom: 1px dashed var(--border); cursor: pointer; font-size: 13px;
|
||||
}
|
||||
.dt-ev:last-child { border-bottom: none; }
|
||||
.dt-ev:hover { background: var(--bg-hover); }
|
||||
.dt-ev-skill { font-weight: 500; }
|
||||
|
||||
/* 空状态内的行动按钮 */
|
||||
.empty .btn { margin-top: 8px; }
|
||||
|
||||
Reference in New Issue
Block a user