fix: 无 IP 地址时接口名位置与有 IP 时保持一致

去掉接口信息区外层 Item 包装和 anchors.centerIn,直接用 ColumnLayout
内容自然撑高、顶部对齐。无论有无 IP 地址,接口名行始终在顶部同一
垂直位置,切换网卡时不再跳动
This commit is contained in:
2026-08-08 21:19:48 +08:00
parent 28829c2ab7
commit 8129730d43
+4 -11
View File
@@ -134,19 +134,13 @@ Control {
// ==================== 分区1:接口信息 ==================== // ==================== 分区1:接口信息 ====================
// 三行对称结构:行1 接口名(居中),行2 IPv4 地址行,行3 IPv6 地址行 // 三行对称结构:行1 接口名(居中),行2 IPv4 地址行,行3 IPv6 地址行
// 地址行用固定宽度标签 + 地址 + 复制图标,两行结构对称不会错位 // 地址行用固定宽度标签 + 地址 + 复制图标,两行结构对称不会错位
// 外层 Item 固定高度 + 内层 ColumnLayout anchors.centerIn: // 直接用 ColumnLayout 内容自然撑高、顶部对齐:
// 无 IP 地址时内容在区域内垂直居中,避免单行内容贴顶导致网卡名偏上 // 无论有无 IP 地址,接口名行始终在顶部同一垂直位置,切换网卡不跳动
Item {
Layout.fillWidth: true
// preferredHeight 40 为无 IP 时的最小高度;有 IP/IPv6 时内容自然撑高
Layout.preferredHeight: Math.max(40, ifaceCol.implicitHeight)
visible: popup.ready
ColumnLayout { ColumnLayout {
id: ifaceCol id: ifaceCol
anchors.centerIn: parent Layout.fillWidth: true
width: parent.width
spacing: 4 spacing: 4
visible: popup.ready
// 行1:类型图标 + 接口名(居中) // 行1:类型图标 + 接口名(居中)
RowLayout { RowLayout {
@@ -290,7 +284,6 @@ Control {
} }
} }
} }
}
// 分隔线1 // 分隔线1
Rectangle { Rectangle {