fix(flow-embed): 视图切换器字重对齐——不再继承 .embed-sec-h 的粗体
build / build (push) Successful in 1m53s

- 根因:.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:
chenxing
2026-10-10 17:39:30 +08:00
parent 32b01f9bf3
commit 8bd8fcc57a
+5 -1
View File
@@ -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; }