- 根因:.embed-sec-h{font-size:14px;font-weight:600} 会被其内的 RadioGroup 继承,
「按节点/时间线/列表」呈粗体;而下方「按人员/按科室」在 .embed-mode-row 内为常规 ⇒ 两处
同为 iView small button group 却看着不一致。管理面同款控件早有此写法(InstanceDetail.vue:183、
TaskHandle.vue:307 的 .trace-mode{font-weight:normal}),嵌入页漏了这条覆盖
- 改法:.embed-view-seg 显式 font-weight:normal,按「按人员/按科室」那档统一
- 像素取证(用户截图 867x466 @DPR1.25):两盒几何一致(「按节点」与「按人员」同宽 66.4 CSS、
高 30px),配色一致(活动态边框+文字 #0d9488、非活动文字 #515a6e、非活动边框 #dcdee2);
唯一差异是文字像素密度 2.1~3.1 倍(按节点 249 : 按人员 79;时间线 245 : 按科室 117)⇒ 纯字重差异
This commit is contained in:
@@ -433,7 +433,11 @@ onMounted(async () => {
|
||||
content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%);
|
||||
width: 3px; height: 13px; border-radius: 2px; background: #2d8cf0;
|
||||
}
|
||||
.embed-view-seg { margin-left: auto; }
|
||||
/* 视图切换器与下方「按人员/按科室」同为 iView small button group,实测几何/配色全同
|
||||
(活动态 #0d9488、非活动 #515a6e/#dcdee2),唯一差异是字重:它落在 .embed-sec-h(600) 内
|
||||
会继承粗体,而 .embed-mode-row 内是常规 ⇒ 视觉上「不一致」。显式回常规(管理面同款控件
|
||||
InstanceDetail/TaskHandle 的 .trace-mode 也是这个写法)。 */
|
||||
.embed-view-seg { margin-left: auto; font-weight: normal; }
|
||||
|
||||
/* 基本信息:四列等宽(740 抽屉实测放得下时间戳,超出省略号 + title 兜底) */
|
||||
.embed-meta { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border: 1px solid #f2f4f7; border-radius: 8px; overflow: hidden; }
|
||||
|
||||
Reference in New Issue
Block a user