fix: 切换网卡时弹窗高度跳动

接口信息区改为固定高度 60px(按最多 3 行内容计算),内容顶部对齐。
无论有无 IP 地址,区域高度恒定,弹窗整体高度不随网卡切换跳动
This commit is contained in:
2026-08-08 21:23:51 +08:00
parent 8129730d43
commit 9b8f6367e9
+11 -4
View File
@@ -134,13 +134,19 @@ Control {
// ==================== 分区1:接口信息 ==================== // ==================== 分区1:接口信息 ====================
// 三行对称结构:行1 接口名(居中),行2 IPv4 地址行,行3 IPv6 地址行 // 三行对称结构:行1 接口名(居中),行2 IPv4 地址行,行3 IPv6 地址行
// 地址行用固定宽度标签 + 地址 + 复制图标,两行结构对称不会错位 // 地址行用固定宽度标签 + 地址 + 复制图标,两行结构对称不会错位
// 直接用 ColumnLayout 内容自然撑高、顶部对齐: // 固定区域高度(按最多 3 行:接口名 16px + IPv4 16px + IPv6 16px + 间距 8px ≈ 56px):
// 无论有无 IP 地址,接口名行始终在顶部同一垂直位置,切换网卡不跳动 // 无论有无 IP 地址,区域高度恒定,弹窗整体高度不随网卡切换跳动;
// 内容用 anchors.top 顶部对齐,接口名行始终在顶部同一垂直位置
Item {
Layout.fillWidth: true
Layout.preferredHeight: 60
visible: popup.ready
ColumnLayout { ColumnLayout {
id: ifaceCol id: ifaceCol
Layout.fillWidth: true anchors.top: parent.top
width: parent.width
spacing: 4 spacing: 4
visible: popup.ready
// 行1:类型图标 + 接口名(居中) // 行1:类型图标 + 接口名(居中)
RowLayout { RowLayout {
@@ -284,6 +290,7 @@ Control {
} }
} }
} }
}
// 分隔线1 // 分隔线1
Rectangle { Rectangle {