huangsheng/kuaishai2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
5d657446185d0ae20f653ee53ec3101ef1aaa2e8
kuaishai2/pencil/untitled.pen
Developer 5d28bf631b chore(project): 初始化项目基础配置文件 
- 添加 CodeGraph、Android 和通用 gitignore 配置
- 创建项目元数据文件跟踪 Flutter 项目属性
- 添加 Codex AI 指导文档 AGENTS.md 说明项目架构
- 配置代码分析选项 analysis_options.yaml
- 设置 Android 应用清单权限和 Kiosk 模式配置
- 实现中英文国际化支持 AppLocalizations
- 配置 GoRouter 应用路由导航
- 创建明亮工业控制风格的主题配置 AppTheme
2026-06-04 11:19:44 +08:00

12973 lines
700 KiB
Plaintext
Raw Blame History

{
"version": "2.11",
"children": [
{
"type": "frame",
"id": "ZtBwm",
"x": 1151.646094282759,
"y": 199.01134255946727,
"name": "Section 1",
"width": 5416,
"height": 1280,
"fill": "#ffffffff",
"cornerRadius": 2,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "#0000001a"
},
"layout": "none",
"children": [
{
"type": "frame",
"id": "VmWXJ",
"x": 100,
"y": 100,
"name": "系统设置中心 - 桌面端",
"width": 1280,
"height": 1024,
"fill": [
"#ffffffff",
"#0f172aff"
],
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "frame",
"id": "E31vFr",
"name": "Header - Top Navigation Bar",
"width": "fill_container",
"height": 64,
"fill": "#1b1b1dff",
"stroke": {
"align": "inside",
"thickness": {
"bottom": 1
},
"fill": "#45464dff"
},
"gap": 812.4500122070312,
"padding": [
0,
32
],
"justifyContent": "space_between",
"alignItems": "center",
"layoutIncludeStroke": true,
"children": [
{
"type": "frame",
"id": "hxwTy",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"gap": 16,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "iMACV",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "path",
"id": "m4fwc",
"name": "Icon",
"geometry": "M1.25 23.13235l0-3.75 3.875 0-3.1875-10.4375c-0.5625-0.3125-1.02604-0.77083-1.39063-1.375-0.36458-0.60417-0.54688-1.25-0.54687-1.9375 0-1.04167 0.36458-1.92708 1.09375-2.65625 0.72917-0.72917 1.61458-1.09375 2.65625-1.09375 0.8125 0 1.53646 0.23437 2.17188 0.70313 0.63542 0.46875 1.07813 1.06771 1.32812 1.79687l4 0 0-1.25c0-0.35417 0.11979-0.65104 0.35938-0.89062 0.23958-0.23958 0.53646-0.35937 0.89062-0.35938 0.1875 0 0.36979 0.04167 0.54688 0.125 0.17708 0.08333 0.32813 0.20833 0.45312 0.375l0 0 2.125-2c0.1875-0.1875 0.41146-0.30729 0.67188-0.35937 0.26042-0.05208 0.51563-0.01562 0.76562 0.10937l4.875 2.25c0.25 0.125 0.42188 0.30729 0.51563 0.54688 0.09375 0.23958 0.08854 0.47396-0.01563 0.70312-0.125 0.25-0.30729 0.41146-0.54688 0.48438-0.23958 0.07292-0.47396 0.05729-0.70312-0.04688l-4.5-2.0625-2.9375 2.75 0 1.75 2.9375 2.6875 4.5-2.0625c0.22917-0.10417 0.46875-0.11458 0.71875-0.03125 0.25 0.08333 0.42708 0.23958 0.53125 0.46875 0.125 0.25 0.13542 0.48958 0.03125 0.71875-0.10417 0.22917-0.28125 0.40625-0.53125 0.53125l-4.875 2.3125c-0.25 0.125-0.50521 0.16146-0.76563 0.10938-0.26042-0.05208-0.48438-0.17188-0.67187-0.35938l-2.125-2 0 0c-0.125 0.125-0.27604 0.23958-0.45313 0.34375-0.17708 0.10417-0.35938 0.15625-0.54687 0.15625-0.35417 0-0.65104-0.11979-0.89063-0.35937-0.23958-0.23958-0.35938-0.53646-0.35937-0.89063l0-1.25-4 0c-0.0625 0.16667-0.13021 0.32292-0.20313 0.46875-0.07292 0.14583-0.17188 0.30208-0.29687 0.46875l6.25 11.5625 4.5 0 0 3.75-16.25 0 0 0m2.5-16.25c0.35417 0 0.65104-0.11979 0.89063-0.35937 0.23958-0.23958 0.35938-0.53646 0.35937-0.89063 0-0.35417-0.11979-0.65104-0.35938-0.89062-0.23958-0.23958-0.53646-0.35938-0.89062-0.35938-0.35417 0-0.65104 0.11979-0.89063 0.35938-0.23958 0.23958-0.35938 0.53646-0.35937 0.89062 0 0.35417 0.11979 0.65104 0.35937 0.89063 0.23958 0.23958 0.53646 0.35938 0.89063 0.35937l0 0m3.9375 12.5l2.4375 0-5.375-10c0 0-0.02083 0-0.0625 0-0.04167 0-0.0625 0-0.0625 0l3.0625 10 0 0m2.4375 0l0 0 0 0 0 0 0 0 0 0 0 0",
"fill": "#bec6e0ff",
"width": 22.539772033691406,
"height": 23.132352828979492
}
]
},
{
"type": "frame",
"id": "K8vKa3",
"name": "Margin",
"width": 17,
"height": 24,
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"padding": [
0,
8
],
"children": [
{
"type": "rectangle",
"id": "R2Em8a",
"name": "Vertical Divider",
"fill": "#45464dff",
"width": 1,
"height": 24,
"stroke": {
"align": "inside",
"thickness": 1
}
}
]
},
{
"type": "frame",
"id": "EucI5",
"name": "Heading 1",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "text",
"id": "wxmRa",
"name": "Text",
"fill": "#e4e2e4ff",
"content": "系统设置中心",
"lineHeight": 1.3333333333333333,
"textAlignVertical": "middle",
"fontFamily": "WenQuanYi Zen Hei",
"fontSize": 24,
"fontWeight": "500",
"letterSpacing": -0.6000000238418579
}
]
}
]
},
{
"type": "frame",
"id": "DXwKO",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"gap": 24,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "jjvaI",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"gap": -0.5,
"alignItems": "end",
"children": [
{
"type": "frame",
"id": "W6YurD",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "text",
"id": "MTvDp",
"name": "Text",
"fill": "#909097ff",
"content": "设备状态",
"lineHeight": 1.3333333333333333,
"textAlignVertical": "middle",
"fontFamily": "WenQuanYi Zen Hei",
"fontSize": 12,
"fontWeight": "500",
"letterSpacing": 1.2000000476837158
}
]
},
{
"type": "frame",
"id": "P0SeJa",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"gap": 6,
"alignItems": "center",
"children": [
{
"type": "rectangle",
"cornerRadius": 12,
"id": "z84Ql",
"name": "Background",
"fill": "#10b981ff",
"width": 6,
"height": 6,
"stroke": {
"align": "inside",
"thickness": 1
}
},
{
"type": "text",
"id": "NUBHH",
"name": "Text",
"fill": "#10b981ff",
"content": "运行中",
"lineHeight": 1.4285714285714286,
"textAlignVertical": "middle",
"fontFamily": "WenQuanYi Zen Hei",
"fontSize": 14,
"fontWeight": "500",
"letterSpacing": 0.699999988079071
}
]
}
]
},
{
"type": "frame",
"id": "N8Va2B",
"name": "Button",
"cornerRadius": 12,
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"padding": 8,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "path",
"id": "Yidcz",
"name": "Icon",
"geometry": "M7.3 20l-0.4-3.2c-0.21667-0.08333-0.42083-0.18333-0.6125-0.3-0.19167-0.11667-0.37917-0.24167-0.5625-0.375l-2.975 1.25-2.75-4.75 2.575-1.95c-0.01667-0.11667-0.025-0.22917-0.025-0.3375 0-0.10833 0-0.22083 0-0.3375 0-0.11667 0-0.22917 0-0.3375 0-0.10833 0.00833-0.22083 0.025-0.3375l-2.575-1.95 2.75-4.75 2.975 1.25c0.18333-0.13333 0.375-0.25833 0.575-0.375 0.2-0.11667 0.4-0.21667 0.6-0.3l0.4-3.2 5.5 0 0.4 3.2c0.21667 0.08333 0.42083 0.18333 0.6125 0.3 0.19167 0.11667 0.37917 0.24167 0.5625 0.375l2.975-1.25 2.75 4.75-2.575 1.95c0.01667 0.11667 0.025 0.22917 0.025 0.3375 0 0.10833 0 0.22083 0 0.3375 0 0.11667 0 0.22917 0 0.3375 0 0.10833-0.01667 0.22083-0.05 0.3375l2.575 1.95-2.75 4.75-2.95-1.25c-0.18333 0.13333-0.375 0.25833-0.575 0.375-0.2 0.11667-0.4 0.21666-0.6 0.3l-0.4 3.2-5.5 0 0 0m1.75-2l1.975 0 0.35-2.65c0.51667-0.13333 0.99583-0.32917 1.4375-0.5875 0.44167-0.25833 0.84583-0.57083 1.2125-0.9375l2.475 1.025 0.975-1.7-2.15-1.625c0.08333-0.23333 0.14167-0.47917 0.175-0.7375 0.03333-0.25833 0.05-0.52083 0.05-0.7875 0-0.26667-0.01667-0.52917-0.05-0.7875-0.03333-0.25833-0.09167-0.50417-0.175-0.7375l2.15-1.625-0.975-1.7-2.475 1.05c-0.36667-0.38333-0.77083-0.70417-1.2125-0.9625-0.44167-0.25833-0.92083-0.45417-1.4375-0.5875l-0.325-2.65-1.975 0-0.35 2.65c-0.51667 0.13333-0.99583 0.32917-1.4375 0.5875-0.44167 0.25833-0.84583 0.57083-1.2125 0.9375l-2.475-1.025-0.975 1.7 2.15 1.6c-0.08333 0.25-0.14167 0.5-0.175 0.75-0.03333 0.25-0.05 0.51667-0.05 0.8 0 0.26667 0.01667 0.525 0.05 0.775 0.03333 0.25 0.09167 0.5 0.175 0.75l-2.15 1.625 0.975 1.7 2.475-1.05c0.36667 0.38333 0.77083 0.70417 1.2125 0.9625 0.44167 0.25833 0.92083 0.45417 1.4375 0.5875l0.325 2.65 0 0m1.05-4.5c0.96667 0 1.79167-0.34167 2.475-1.025 0.68333-0.68333 1.025-1.50833 1.025-2.475 0-0.96667-0.34167-1.79167-1.025-2.475-0.68333-0.68333-1.50833-1.025-2.475-1.025-0.98333 0-1.8125 0.34167-2.4875 1.025-0.675 0.68333-1.0125 1.50833-1.0125 2.475 0 0.96667 0.3375 1.79167 1.0125 2.475 0.675 0.68333 1.50417 1.025 2.4875 1.025l0 0m-0.05-3.5l0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0",
"fill": "#c6c6cdff",
"width": 20.100000381469727,
"height": 20
}
]
},
{
"type": "frame",
"id": "n0ycGs",
"name": "Button",
"cornerRadius": 12,
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"padding": 8,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "path",
"id": "hvCMa",
"name": "Icon",
"geometry": "M2 18c-0.55 0-1.02083-0.19583-1.4125-0.5875-0.39167-0.39167-0.5875-0.8625-0.5875-1.4125l0-14c0-0.55 0.19583-1.02083 0.5875-1.4125 0.39167-0.39167 0.8625-0.5875 1.4125-0.5875l7 0 0 2-7 0 0 0 0 0 0 14 0 0 0 0 7 0 0 2-7 0 0 0m11-4l-1.375-1.45 2.55-2.55-8.175 0 0-2 8.175 0-2.55-2.55 1.375-1.45 5 5-5 5 0 0",
"fill": "#c6c6cdff",
"width": 18,
"height": 18
}
]
}
]
}
]
},
{
"type": "frame",
"id": "pUP4M",
"name": "Container",
"clip": true,
"width": "fill_container",
"height": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"children": [
{
"type": "frame",
"id": "IBSOD",
"name": "Aside - Sidebar Navigation",
"width": 278.6099853515625,
"height": "fill_container",
"fill": "#0e0e10ff",
"stroke": {
"align": "inside",
"thickness": {
"right": 1
},
"fill": "#45464dff"
},
"layout": "vertical",
"layoutIncludeStroke": true,
"children": [
{
"type": "frame",
"id": "iG6vc",
"name": "Nav",
"width": "fill_container",
"height": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"gap": 4,
"padding": 16,
"children": [
{
"type": "frame",
"id": "kg6AK",
"name": "Link",
"width": "fill_container",
"fill": "#0f172aff",
"cornerRadius": 8,
"stroke": {
"align": "inside",
"thickness": 1
},
"gap": 16,
"padding": 16,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "KI8NS",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "path",
"id": "SBjRS",
"name": "Icon",
"geometry": "M7.3 20l-0.4-3.2c-0.21667-0.08333-0.42083-0.18333-0.6125-0.3-0.19167-0.11667-0.37917-0.24167-0.5625-0.375l-2.975 1.25-2.75-4.75 2.575-1.95c-0.01667-0.11667-0.025-0.22917-0.025-0.3375 0-0.10833 0-0.22083 0-0.3375 0-0.11667 0-0.22917 0-0.3375 0-0.10833 0.00833-0.22083 0.025-0.3375l-2.575-1.95 2.75-4.75 2.975 1.25c0.18333-0.13333 0.375-0.25833 0.575-0.375 0.2-0.11667 0.4-0.21667 0.6-0.3l0.4-3.2 5.5 0 0.4 3.2c0.21667 0.08333 0.42083 0.18333 0.6125 0.3 0.19167 0.11667 0.37917 0.24167 0.5625 0.375l2.975-1.25 2.75 4.75-2.575 1.95c0.01667 0.11667 0.025 0.22917 0.025 0.3375 0 0.10833 0 0.22083 0 0.3375 0 0.11667 0 0.22917 0 0.3375 0 0.10833-0.01667 0.22083-0.05 0.3375l2.575 1.95-2.75 4.75-2.95-1.25c-0.18333 0.13333-0.375 0.25833-0.575 0.375-0.2 0.11667-0.4 0.21666-0.6 0.3l-0.4 3.2-5.5 0 0 0m1.75-2l1.975 0 0.35-2.65c0.51667-0.13333 0.99583-0.32917 1.4375-0.5875 0.44167-0.25833 0.84583-0.57083 1.2125-0.9375l2.475 1.025 0.975-1.7-2.15-1.625c0.08333-0.23333 0.14167-0.47917 0.175-0.7375 0.03333-0.25833 0.05-0.52083 0.05-0.7875 0-0.26667-0.01667-0.52917-0.05-0.7875-0.03333-0.25833-0.09167-0.50417-0.175-0.7375l2.15-1.625-0.975-1.7-2.475 1.05c-0.36667-0.38333-0.77083-0.70417-1.2125-0.9625-0.44167-0.25833-0.92083-0.45417-1.4375-0.5875l-0.325-2.65-1.975 0-0.35 2.65c-0.51667 0.13333-0.99583 0.32917-1.4375 0.5875-0.44167 0.25833-0.84583 0.57083-1.2125 0.9375l-2.475-1.025-0.975 1.7 2.15 1.6c-0.08333 0.25-0.14167 0.5-0.175 0.75-0.03333 0.25-0.05 0.51667-0.05 0.8 0 0.26667 0.01667 0.525 0.05 0.775 0.03333 0.25 0.09167 0.5 0.175 0.75l-2.15 1.625 0.975 1.7 2.475-1.05c0.36667 0.38333 0.77083 0.70417 1.2125 0.9625 0.44167 0.25833 0.92083 0.45417 1.4375 0.5875l0.325 2.65 0 0m1.05-4.5c0.96667 0 1.79167-0.34167 2.475-1.025 0.68333-0.68333 1.025-1.50833 1.025-2.475 0-0.96667-0.34167-1.79167-1.025-2.475-0.68333-0.68333-1.50833-1.025-2.475-1.025-0.98333 0-1.8125 0.34167-2.4875 1.025-0.675 0.68333-1.0125 1.50833-1.0125 2.475 0 0.96667 0.3375 1.79167 1.0125 2.475 0.675 0.68333 1.50417 1.025 2.4875 1.025l0 0m-0.05-3.5l0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0",
"fill": "#bec6e0ff",
"width": 20.100000381469727,
"height": 20
}
]
},
{
"type": "frame",
"id": "Vm2yL",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "text",
"id": "y9NITN",
"name": "Text",
"fill": "#bec6e0ff",
"content": "通用设置",
"lineHeight": 1.5,
"textAlignVertical": "middle",
"fontFamily": "WenQuanYi Zen Hei",
"fontSize": 16,
"fontWeight": "500"
}
]
}
]
},
{
"type": "frame",
"id": "wMbhg",
"name": "Link",
"width": "fill_container",
"cornerRadius": 8,
"stroke": {
"align": "inside",
"thickness": 1
},
"gap": 16,
"padding": 16,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "wncy9",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "path",
"id": "qEgF9",
"name": "Icon",
"geometry": "M2 16c-0.55 0-1.02083-0.19583-1.4125-0.5875-0.39167-0.39167-0.5875-0.8625-0.5875-1.4125l0-12c0-0.55 0.19583-1.02083 0.5875-1.4125 0.39167-0.39167 0.8625-0.5875 1.4125-0.5875l16 0c0.55 0 1.02083 0.19583 1.4125 0.5875 0.39167 0.39167 0.5875 0.8625 0.5875 1.4125l0 12c0 0.55-0.19583 1.02083-0.5875 1.4125-0.39167 0.39167-0.8625 0.5875-1.4125 0.5875l-16 0 0 0m0-2l16 0 0 0 0 0 0-10-16 0 0 10 0 0 0 0 0 0m3.5-1l-1.4-1.4 2.575-2.6-2.6-2.6 1.425-1.4 4 4-4 4 0 0m4.5 0l0-2 6 0 0 2-6 0 0 0",
"fill": "#c6c6cdff",
"width": 20,
"height": 16
}
]
},
{
"type": "frame",
"id": "N3Ncd",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "text",
"id": "m6uTOS",
"name": "Text",
"fill": "#c6c6cdff",
"content": "系统日志",
"lineHeight": 1.5,
"textAlignVertical": "middle",
"fontFamily": "WenQuanYi Zen Hei",
"fontSize": 16,
"fontWeight": "500"
}
]
}
]
},
{
"type": "frame",
"id": "cvsyN",
"name": "Link",
"width": "fill_container",
"cornerRadius": 8,
"stroke": {
"align": "inside",
"thickness": 1
},
"gap": 16,
"padding": 16,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "bpEhD",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "path",
"id": "hspAg",
"name": "Icon",
"geometry": "M0 16l0-2 2.725 0c-0.85-0.73333-1.51667-1.61667-2-2.65-0.48333-1.03333-0.725-2.15-0.725-3.35 0-1.86667 0.56667-3.5125 1.7-4.9375 1.13333-1.425 2.56667-2.3625 4.3-2.8125l0 2.1c-1.16667 0.41667-2.125 1.1375-2.875 2.1625-0.75 1.025-1.125 2.1875-1.125 3.4875 0 0.9 0.17917 1.72917 0.5375 2.4875 0.35833 0.75833 0.84583 1.4125 1.4625 1.9625l0-2.45 2 0 0 6-6 0 0 0m11 0c-0.83333 0-1.54167-0.29167-2.125-0.875-0.58333-0.58333-0.875-1.29167-0.875-2.125 0-0.8 0.275-1.4875 0.825-2.0625 0.55-0.575 1.225-0.87917 2.025-0.9125 0.28333-0.6 0.70417-1.0875 1.2625-1.4625 0.55833-0.375 1.1875-0.5625 1.8875-0.5625 0.88333 0 1.64583 0.2875 2.2875 0.8625 0.64167 0.575 1.02917 1.2875 1.1625 2.1375l0 0c0.7 0 1.3 0.24167 1.8 0.725 0.5 0.48333 0.75 1.06667 0.75 1.75 0 0.7-0.24167 1.29583-0.725 1.7875-0.48333 0.49167-1.075 0.7375-1.775 0.7375l-6.5 0 0 0m2.9-9c-0.11667-0.68333-0.34167-1.31667-0.675-1.9-0.33333-0.58333-0.74167-1.1-1.225-1.55l0 2.45-2 0 0-6 6 0 0 2-2.725 0c0.71667 0.63333 1.30417 1.375 1.7625 2.225 0.45833 0.85 0.75417 1.775 0.8875 2.775l-2.025 0 0 0m-2.9 7l6.5 0c0.13333 0 0.25-0.05 0.35-0.15 0.1-0.1 0.15-0.21667 0.15-0.35 0-0.13333-0.05-0.25-0.15-0.35-0.1-0.1-0.21667-0.15-0.35-0.15l-1.75 0 0-1.25c0-0.48333-0.17083-0.89583-0.5125-1.2375-0.34167-0.34167-0.75417-0.5125-1.2375-0.5125-0.48333 0-0.89583 0.17083-1.2375 0.5125-0.34167 0.34167-0.5125 0.75417-0.5125 1.2375l0 0.25-1.25 0c-0.28333 0-0.52083 0.09583-0.7125 0.2875-0.19167 0.19167-0.2875 0.42917-0.2875 0.7125 0 0.28333 0.09583 0.52083 0.2875 0.7125 0.19167 0.19167 0.42917 0.2875 0.7125 0.2875l0 0m3-2l0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0",
"fill": "#c6c6cdff",
"width": 20,
"height": 16
}
]
},
{
"type": "frame",
"id": "bX1H0",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "text",
"id": "YHQ3h",
"name": "Text",
"fill": "#c6c6cdff",
"content": "远程维护",
"lineHeight": 1.5,
"textAlignVertical": "middle",
"fontFamily": "WenQuanYi Zen Hei",
"fontSize": 16,
"fontWeight": "500"
}
]
}
]
},
{
"type": "frame",
"id": "mcdMR",
"name": "Link",
"width": "fill_container",
"cornerRadius": 8,
"stroke": {
"align": "inside",
"thickness": 1
},
"gap": 16,
"padding": 16,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "KlfcG",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "path",
"id": "OKKXX",
"name": "Icon",
"geometry": "M9 18c-1.25 0-2.42083-0.2375-3.5125-0.7125-1.09167-0.475-2.04167-1.11667-2.85-1.925-0.80833-0.80833-1.45-1.75833-1.925-2.85-0.475-1.09167-0.7125-2.2625-0.7125-3.5125 0-1.25 0.2375-2.42083 0.7125-3.5125 0.475-1.09167 1.11667-2.04167 1.925-2.85 0.80833-0.80833 1.75833-1.45 2.85-1.925 1.09167-0.475 2.2625-0.7125 3.5125-0.7125 1.36667 0 2.6625 0.29167 3.8875 0.875 1.225 0.58333 2.2625 1.40833 3.1125 2.475l0-2.35 2 0 0 6-6 0 0-2 2.75 0c-0.68333-0.93333-1.525-1.66667-2.525-2.2-1-0.53333-2.075-0.8-3.225-0.8-1.95 0-3.60417 0.67917-4.9625 2.0375-1.35833 1.35833-2.0375 3.0125-2.0375 4.9625 0 1.95 0.67917 3.60417 2.0375 4.9625 1.35833 1.35833 3.0125 2.0375 4.9625 2.0375 1.75 0 3.27917-0.56667 4.5875-1.7 1.30833-1.13333 2.07917-2.56667 2.3125-4.3l2.05 0c-0.25 2.28333-1.22917 4.1875-2.9375 5.7125-1.70833 1.525-3.7125 2.2875-6.0125 2.2875l0 0m2.8-4.8l-3.8-3.8 0-5.4 2 0 0 4.6 3.2 3.2-1.4 1.4 0 0",
"fill": "#c6c6cdff",
"width": 18,
"height": 18
}
]
},
{
"type": "frame",
"id": "vRG8D",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "text",
"id": "rA048",
"name": "Text",
"fill": "#c6c6cdff",
"content": "固件更新",
"lineHeight": 1.5,
"textAlignVertical": "middle",
"fontFamily": "WenQuanYi Zen Hei",
"fontSize": 16,
"fontWeight": "500"
}
]
}
]
},
{
"type": "frame",
"id": "F3rz4",
"name": "Link",
"width": "fill_container",
"cornerRadius": 8,
"stroke": {
"align": "inside",
"thickness": 1
},
"gap": 16,
"padding": 16,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "DfgOe",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "path",
"id": "K0Os89",
"name": "Icon",
"geometry": "M10.0125 20c-1.375 0-2.67083-0.2625-3.8875-0.7875-1.21667-0.525-2.27917-1.24167-3.1875-2.15-0.90833-0.90833-1.625-1.97083-2.15-3.1875-0.525-1.21667-0.7875-2.5125-0.7875-3.8875 0-1.375 0.2625-2.66667 0.7875-3.875 0.525-1.20833 1.24167-2.26667 2.15-3.175 0.90833-0.90833 1.97083-1.625 3.1875-2.15 1.21667-0.525 2.5125-0.7875 3.8875-0.7875 1.375 0 2.66667 0.2625 3.875 0.7875 1.20833 0.525 2.26667 1.24167 3.175 2.15 0.90833 0.90833 1.625 1.96667 2.15 3.175 0.525 1.20833 0.7875 2.5 0.7875 3.875 0 1.375-0.2625 2.67083-0.7875 3.8875-0.525 1.21667-1.24167 2.27917-2.15 3.1875-0.90833 0.90833-1.96667 1.625-3.175 2.15-1.20833 0.525-2.5 0.7875-3.875 0.7875l0 0m-0.0125-2.05c0.43333-0.6 0.80833-1.225 1.125-1.875 0.31667-0.65 0.575-1.34167 0.775-2.075l-3.8 0c0.2 0.73333 0.45833 1.425 0.775 2.075 0.31667 0.65 0.69167 1.275 1.125 1.875l0 0m-2.6-0.4c-0.3-0.55-0.5625-1.12083-0.7875-1.7125-0.225-0.59167-0.4125-1.20417-0.5625-1.8375l-2.95 0c0.48333 0.83333 1.0875 1.55833 1.8125 2.175 0.725 0.61667 1.55417 1.075 2.4875 1.375l0 0m5.2 0c0.93333-0.3 1.7625-0.75833 2.4875-1.375 0.725-0.61667 1.32917-1.34167 1.8125-2.175l-2.95 0c-0.15 0.63333-0.3375 1.24583-0.5625 1.8375-0.225 0.59167-0.4875 1.1625-0.7875 1.7125l0 0m-10.35-5.55l3.4 0c-0.05-0.33333-0.0875-0.6625-0.1125-0.9875-0.025-0.325-0.0375-0.6625-0.0375-1.0125 0-0.35 0.0125-0.6875 0.0375-1.0125 0.025-0.325 0.0625-0.65417 0.1125-0.9875l-3.4 0c-0.08333 0.33333-0.14583 0.6625-0.1875 0.9875-0.04167 0.325-0.0625 0.6625-0.0625 1.0125 0 0.35 0.02083 0.6875 0.0625 1.0125 0.04167 0.325 0.10417 0.65417 0.1875 0.9875l0 0m5.4 0l4.7 0c0.05-0.33333 0.0875-0.6625 0.1125-0.9875 0.025-0.325 0.0375-0.6625 0.0375-1.0125 0-0.35-0.0125-0.6875-0.0375-1.0125-0.025-0.325-0.0625-0.65417-0.1125-0.9875l-4.7 0c-0.05 0.33333-0.0875 0.6625-0.1125 0.9875-0.025 0.325-0.0375 0.6625-0.0375 1.0125 0 0.35 0.0125 0.6875 0.0375 1.0125 0.025 0.325 0.0625 0.65417 0.1125 0.9875l0 0m6.7 0l3.4 0c0.08333-0.33333 0.14583-0.6625 0.1875-0.9875 0.04167-0.325 0.0625-0.6625 0.0625-1.0125 0-0.35-0.02083-0.6875-0.0625-1.0125-0.04167-0.325-0.10417-0.65417-0.1875-0.9875l-3.4 0c0.05 0.33333 0.0875 0.6625 0.1125 0.9875 0.025 0.325 0.0375 0.6625 0.0375 1.0125 0 0.35-0.0125 0.6875-0.0375 1.0125-0.025 0.325-0.0625 0.65417-0.1125 0.9875l0 0m-0.4-6l2.95 0c-0.48333-0.83333-1.0875-1.55833-1.8125-2.175-0.725-0.61667-1.55417-1.075-2.4875-1.375 0.3 0.55 0.5625 1.12083 0.7875 1.7125 0.225 0.59167 0.4125 1.20417 0.5625 1.8375l0 0m-5.85 0l3.8 0c-0.2-0.73333-0.45833-1.425-0.775-2.075-0.31667-0.65-0.69167-1.275-1.125-1.875-0.43333 0.6-0.80833 1.225-1.125 1.875-0.31667 0.65-0.575 1.34167-0.775 2.075l0 0m-5 0l2.95 0c0.15-0.63333 0.3375-1.24583 0.5625-1.8375 0.225-0.59167 0.4875-1.1625 0.7875-1.7125-0.93333 0.3-1.7625 0.75833-2.4875 1.375-0.725 0.61667-1.32917 1.34167-1.8125 2.175l0 0",
"fill": "#c6c6cdff",
"width": 20,
"height": 20
}
]
},
{
"type": "frame",
"id": "VkDnw",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "text",
"id": "EXVzp",
"name": "Text",
"fill": "#c6c6cdff",
"content": "系统语言",
"lineHeight": 1.5,
"textAlignVertical": "middle",
"fontFamily": "WenQuanYi Zen Hei",
"fontSize": 16,
"fontWeight": "500"
}
]
}
]
},
{
"type": "frame",
"id": "kG9R5",
"name": "Link",
"width": "fill_container",
"cornerRadius": 8,
"stroke": {
"align": "inside",
"thickness": 1
},
"gap": 16,
"padding": 16,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "exx3J",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "path",
"id": "EcRy8",
"name": "Icon",
"geometry": "M2 21c-0.55 0-1.02083-0.19583-1.4125-0.5875-0.39167-0.39167-0.5875-0.8625-0.5875-1.4125l0-10c0-0.55 0.19583-1.02083 0.5875-1.4125 0.39167-0.39167 0.8625-0.5875 1.4125-0.5875l1 0 0-2c0-1.38333 0.4875-2.5625 1.4625-3.5375 0.975-0.975 2.15417-1.4625 3.5375-1.4625 1.38333 0 2.5625 0.4875 3.5375 1.4625 0.975 0.975 1.4625 2.15417 1.4625 3.5375l0 2 1 0c0.55 0 1.02083 0.19583 1.4125 0.5875 0.39167 0.39167 0.5875 0.8625 0.5875 1.4125l0 10c0 0.55-0.19583 1.02083-0.5875 1.4125-0.39167 0.39167-0.8625 0.5875-1.4125 0.5875l-12 0 0 0m0-2l12 0 0 0 0 0 0-10 0 0 0 0-12 0 0 0 0 0 0 10 0 0 0 0 0 0m6-3c0.55 0 1.02083-0.19583 1.4125-0.5875 0.39167-0.39167 0.5875-0.8625 0.5875-1.4125 0-0.55-0.19583-1.02083-0.5875-1.4125-0.39167-0.39167-0.8625-0.5875-1.4125-0.5875-0.55 0-1.02083 0.19583-1.4125 0.5875-0.39167 0.39167-0.5875 0.8625-0.5875 1.4125 0 0.55 0.19583 1.02083 0.5875 1.4125 0.39167 0.39167 0.8625 0.5875 1.4125 0.5875l0 0m-3-9l6 0 0-2c0-0.83333-0.29167-1.54167-0.875-2.125-0.58333-0.58333-1.29167-0.875-2.125-0.875-0.83333 0-1.54167 0.29167-2.125 0.875-0.58333 0.58333-0.875 1.29167-0.875 2.125l0 2 0 0m-3 12l0 0 0 0 0-10 0 0 0 0 0 0 0 0 0 0 0 10 0 0 0 0 0 0 0 0",
"fill": "#c6c6cdff",
"width": 16,
"height": 21
}
]
},
{
"type": "frame",
"id": "FC41R",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "text",
"id": "vicoV",
"name": "Text",
"fill": "#c6c6cdff",
"content": "安全设置",
"lineHeight": 1.5,
"textAlignVertical": "middle",
"fontFamily": "WenQuanYi Zen Hei",
"fontSize": 16,
"fontWeight": "500"
}
]
}
]
},
{
"type": "frame",
"id": "UGkvn",
"name": "Link",
"width": "fill_container",
"cornerRadius": 8,
"stroke": {
"align": "inside",
"thickness": 1
},
"gap": 16,
"padding": 16,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "G1b1Nn",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "path",
"id": "lK3Rn",
"name": "Icon",
"geometry": "M7 20c-0.55 0-1.02083-0.19583-1.4125-0.5875-0.39167-0.39167-0.5875-0.8625-0.5875-1.4125 0-0.35 0.09167-0.675 0.275-0.975 0.18333-0.3 0.425-0.54167 0.725-0.725l0-2.3-3 0c-0.55 0-1.02083-0.19583-1.4125-0.5875-0.39167-0.39167-0.5875-0.8625-0.5875-1.4125l0-2.3c-0.3-0.15-0.54167-0.375-0.725-0.675-0.18333-0.3-0.275-0.64167-0.275-1.025 0-0.55 0.19583-1.02083 0.5875-1.4125 0.39167-0.39167 0.8625-0.5875 1.4125-0.5875 0.55 0 1.02083 0.19583 1.4125 0.5875 0.39167 0.39167 0.5875 0.8625 0.5875 1.4125 0 0.38333-0.09167 0.71667-0.275 1-0.18333 0.28333-0.425 0.51667-0.725 0.7l0 2.3 0 0 0 0 3 0 0-8-2 0 3-4 3 4-2 0 0 8 3 0 0 0 0 0 0-2-1 0 0-4 4 0 0 4-1 0 0 2c0 0.55-0.19583 1.02083-0.5875 1.4125-0.39167 0.39167-0.8625 0.5875-1.4125 0.5875l-3 0 0 2.3c0.31667 0.16667 0.5625 0.4 0.7375 0.7 0.175 0.3 0.2625 0.63333 0.2625 1 0 0.55-0.19583 1.02083-0.5875 1.4125-0.39167 0.39167-0.8625 0.5875-1.4125 0.5875l0 0",
"fill": "#c6c6cdff",
"width": 14,
"height": 20
}
]
},
{
"type": "frame",
"id": "X6QcJR",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "text",
"id": "nAqaH",
"name": "Text",
"fill": "#c6c6cdff",
"content": "U盘数据导入",
"lineHeight": 1.5,
"textAlignVertical": "middle",
"fontFamily": "WenQuanYi Zen Hei",
"fontSize": 16,
"fontWeight": "500"
}
]
}
]
}
]
},
{
"type": "frame",
"id": "h7ZDm",
"name": "Background+HorizontalBorder",
"width": "fill_container",
"fill": "#1b1b1dff",
"stroke": {
"align": "inside",
"thickness": {
"top": 1
},
"fill": "#45464dff"
},
"layout": "vertical",
"padding": 24,
"layoutIncludeStroke": true,
"children": [
{
"type": "frame",
"id": "YMOLH",
"name": "Container",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"gap": 16,
"children": [
{
"type": "frame",
"id": "k0eis",
"name": "Container",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"gap": 4,
"children": [
{
"type": "frame",
"id": "dSN8H",
"name": "Container",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "text",
"id": "Gvqm0",
"name": "设备序列号",
"fill": "#909097ff",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "设备序列号",
"lineHeight": 1.3333333333333333,
"textAlignVertical": "middle",
"fontFamily": "WenQuanYi Zen Hei",
"fontSize": 12,
"fontWeight": "500",
"letterSpacing": 1.2000000476837158
}
]
},
{
"type": "frame",
"id": "zlGCO",
"name": "Container",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "text",
"id": "cr4Ji",
"name": "SN-2024-X990-WTDS",
"fill": "#e4e2e4ff",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "SN-2024-X990-WTDS",
"lineHeight": 1.4285714285714286,
"textAlignVertical": "middle",
"fontFamily": "WenQuanYi Zen Hei",
"fontSize": 14,
"fontWeight": "500",
"letterSpacing": 0.699999988079071
}
]
}
]
},
{
"type": "frame",
"id": "ekfoF",
"name": "Container",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"gap": 4,
"children": [
{
"type": "frame",
"id": "yA0hx",
"name": "Container",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "text",
"id": "DBm6S",
"name": "最后在线时间",
"fill": "#909097ff",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "最后在线时间",
"lineHeight": 1.3333333333333333,
"textAlignVertical": "middle",
"fontFamily": "WenQuanYi Zen Hei",
"fontSize": 12,
"fontWeight": "500",
"letterSpacing": 1.2000000476837158
}
]
},
{
"type": "frame",
"id": "J4THqh",
"name": "Container",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "text",
"id": "E7Iym4",
"name": "2024-10-27 14:22:05",
"fill": "#e4e2e4ff",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "2024-10-27 14:22:05",
"lineHeight": 1.4285714285714286,
"textAlignVertical": "middle",
"fontFamily": "WenQuanYi Zen Hei",
"fontSize": 14,
"fontWeight": "500",
"letterSpacing": 0.699999988079071
}
]
}
]
}
]
}
]
}
]
},
{
"type": "frame",
"id": "KBVNr",
"name": "Main Content Area",
"clip": true,
"width": "fill_container",
"height": "fill_container",
"fill": "#131315ff",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"padding": 40,
"children": [
{
"type": "frame",
"id": "CVvMm",
"name": "Container",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"gap": 16,
"children": [
{
"type": "frame",
"id": "Gbs1N",
"name": "Section: Update & Maintenance",
"width": "fill_container",
"height": 202,
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "none",
"children": [
{
"type": "frame",
"id": "mAadj",
"x": 0,
"y": 0,
"name": "Section",
"width": 452.69500732421875,
"fill": "#1e293bff",
"cornerRadius": 8,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "#334155ff"
},
"layout": "vertical",
"gap": 18,
"padding": 32,
"justifyContent": "space_between",
"layoutIncludeStroke": true,
"children": [
{
"type": "frame",
"id": "ov7BB",
"name": "Container",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"gap": 3.8499999046325684,
"padding": [
0,
0.009999999776482582,
0,
0
],
"justifyContent": "space_between",
"children": [
{
"type": "frame",
"id": "d4uIr",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"gap": 16,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "xvVIq",
"name": "Overlay",
"width": 48,
"height": 48,
"fill": "#bec6e01a",
"cornerRadius": 8,
"stroke": {
"align": "inside",
"thickness": 1
},
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "RZnX7",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "path",
"id": "vcTeZ",
"name": "Icon",
"geometry": "M2 22c-0.55 0-1.02083-0.19583-1.4125-0.5875-0.39167-0.39167-0.5875-0.8625-0.5875-1.4125l0-18c0-0.55 0.19583-1.02083 0.5875-1.4125 0.39167-0.39167 0.8625-0.5875 1.4125-0.5875l10 0c0.55 0 1.02083 0.19583 1.4125 0.5875 0.39167 0.39167 0.5875 0.8625 0.5875 1.4125l0 3.1c0.3 0.11667 0.54167 0.3 0.725 0.55 0.18333 0.25 0.275 0.53333 0.275 0.85l0 2c0 0.31667-0.09167 0.6-0.275 0.85-0.18333 0.25-0.425 0.43333-0.725 0.55l0 10.1c0 0.55-0.19583 1.02083-0.5875 1.4125-0.39167 0.39167-0.8625 0.5875-1.4125 0.5875l-10 0 0 0m0-2l10 0 0 0 0 0 0-18 0 0 0 0-10 0 0 0 0 0 0 18 0 0 0 0 0 0m0 0l0 0 0 0 0-18 0 0 0 0 0 0 0 0 0 0 0 18 0 0 0 0 0 0 0 0m5-5l4-4-1.4-1.4-1.6 1.55 0-4.15-2 0 0 4.15-1.6-1.55-1.4 1.4 4 4 0 0",
"fill": "#bec6e0ff",
"width": 15,
"height": 22
}
]
}
]
},
{
"type": "frame",
"id": "oUuLt",
"name": "Container",
"width": "fit_content(218.02000427246094)",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"gap": 4,
"children": [
{
"type": "frame",
"id": "fo3l4",
"name": "Heading 2",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "text",
"id": "cTkRx",
"name": "Text",
"fill": "#e4e2e4ff",
"content": "软件系统更新",
"lineHeight": 1.4,
"textAlignVertical": "middle",
"fontFamily": "WenQuanYi Zen Hei",
"fontSize": 20,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "oZc4U",
"name": "Container",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "text",
"id": "W6p9G1",
"name": "Text",
"fill": "#c6c6cdff",
"content": "当前运行版本: V1.2.0-STABLE",
"lineHeight": 1.5,
"textAlignVertical": "middle",
"fontFamily": "WenQuanYi Zen Hei",
"fontSize": 16,
"fontWeight": "500"
}
]
}
]
}
]
},
{
"type": "frame",
"id": "IzSaH",
"name": "Button",
"fill": "#0566d9ff",
"cornerRadius": 4,
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"padding": [
10,
24
],
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "ejSe7",
"name": "Text",
"fill": "#e6ecffff",
"content": "检查更新",
"lineHeight": 1.3333333333333333,
"textAlign": "center",
"textAlignVertical": "middle",
"fontFamily": "WenQuanYi Zen Hei",
"fontSize": 12,
"fontWeight": "500",
"letterSpacing": 1.2000000476837158
}
]
}
]
},
{
"type": "frame",
"id": "vGKmA",
"name": "Margin",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"padding": [
32,
0,
0,
0
],
"children": [
{
"type": "frame",
"id": "IJEZj",
"name": "Container",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"gap": 8,
"children": [
{
"type": "frame",
"id": "fEji9",
"name": "Container",
"width": "fill_container",
"height": "fit_content(16)",
"stroke": {
"align": "inside",
"thickness": 1
},
"gap": 265.0799865722656,
"justifyContent": "space_between",
"children": [
{
"type": "frame",
"id": "ZtGBV",
"name": "Container",
"height": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "text",
"id": "spO4g",
"name": "Text",
"fill": "#909097ff",
"content": "磁盘检查",
"lineHeight": 1.3333333333333333,
"textAlignVertical": "middle",
"fontFamily": "WenQuanYi Zen Hei",
"fontSize": 12,
"fontWeight": "500",
"letterSpacing": 1.2000000476837158
}
]
},
{
"type": "frame",
"id": "A0p5w9",
"name": "Container",
"height": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "text",
"id": "RH1y4",
"name": "Text",
"fill": "#909097ff",
"content": "100% 正常",
"lineHeight": 1.3333333333333333,
"textAlignVertical": "middle",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "700",
"letterSpacing": 1.2000000476837158
}
]
}
]
},
{
"type": "frame",
"id": "Yb7oa",
"name": "Background",
"clip": true,
"width": "fill_container",
"height": 6,
"fill": "#353436ff",
"cornerRadius": 12,
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"justifyContent": "center",
"children": [
{
"type": "rectangle",
"id": "Gtcjz",
"name": "Background",
"fill": "#10b981ff",
"width": "fill_container",
"height": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
}
}
]
}
]
}
]
}
]
},
{
"type": "frame",
"id": "XcYft",
"x": 468.69500732421875,
"y": 0,
"name": "Section",
"width": 452.69500732421875,
"fill": "#1e293bff",
"cornerRadius": 8,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "#334155ff"
},
"layout": "vertical",
"padding": 32,
"justifyContent": "space_between",
"layoutIncludeStroke": true,
"children": [
{
"type": "frame",
"id": "fNrwK",
"name": "Margin",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"padding": [
0,
0,
24,
0
],
"children": [
{
"type": "frame",
"id": "RmD0S",
"name": "Container",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"gap": 16,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "K01n7I",
"name": "Overlay",
"width": 48,
"height": 48,
"fill": "#dec29a1a",
"cornerRadius": 8,
"stroke": {
"align": "inside",
"thickness": 1
},
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "iKFbV",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "path",
"id": "AxQgx",
"name": "Icon",
"geometry": "M10.0125 20c-1.375 0-2.67083-0.2625-3.8875-0.7875-1.21667-0.525-2.27917-1.24167-3.1875-2.15-0.90833-0.90833-1.625-1.97083-2.15-3.1875-0.525-1.21667-0.7875-2.5125-0.7875-3.8875 0-1.375 0.2625-2.66667 0.7875-3.875 0.525-1.20833 1.24167-2.26667 2.15-3.175 0.90833-0.90833 1.97083-1.625 3.1875-2.15 1.21667-0.525 2.5125-0.7875 3.8875-0.7875 1.375 0 2.66667 0.2625 3.875 0.7875 1.20833 0.525 2.26667 1.24167 3.175 2.15 0.90833 0.90833 1.625 1.96667 2.15 3.175 0.525 1.20833 0.7875 2.5 0.7875 3.875 0 1.375-0.2625 2.67083-0.7875 3.8875-0.525 1.21667-1.24167 2.27917-2.15 3.1875-0.90833 0.90833-1.96667 1.625-3.175 2.15-1.20833 0.525-2.5 0.7875-3.875 0.7875l0 0m-0.0125-2.05c0.43333-0.6 0.80833-1.225 1.125-1.875 0.31667-0.65 0.575-1.34167 0.775-2.075l-3.8 0c0.2 0.73333 0.45833 1.425 0.775 2.075 0.31667 0.65 0.69167 1.275 1.125 1.875l0 0m-2.6-0.4c-0.3-0.55-0.5625-1.12083-0.7875-1.7125-0.225-0.59167-0.4125-1.20417-0.5625-1.8375l-2.95 0c0.48333 0.83333 1.0875 1.55833 1.8125 2.175 0.725 0.61667 1.55417 1.075 2.4875 1.375l0 0m5.2 0c0.93333-0.3 1.7625-0.75833 2.4875-1.375 0.725-0.61667 1.32917-1.34167 1.8125-2.175l-2.95 0c-0.15 0.63333-0.3375 1.24583-0.5625 1.8375-0.225 0.59167-0.4875 1.1625-0.7875 1.7125l0 0m-10.35-5.55l3.4 0c-0.05-0.33333-0.0875-0.6625-0.1125-0.9875-0.025-0.325-0.0375-0.6625-0.0375-1.0125 0-0.35 0.0125-0.6875 0.0375-1.0125 0.025-0.325 0.0625-0.65417 0.1125-0.9875l-3.4 0c-0.08333 0.33333-0.14583 0.6625-0.1875 0.9875-0.04167 0.325-0.0625 0.6625-0.0625 1.0125 0 0.35 0.02083 0.6875 0.0625 1.0125 0.04167 0.325 0.10417 0.65417 0.1875 0.9875l0 0m5.4 0l4.7 0c0.05-0.33333 0.0875-0.6625 0.1125-0.9875 0.025-0.325 0.0375-0.6625 0.0375-1.0125 0-0.35-0.0125-0.6875-0.0375-1.0125-0.025-0.325-0.0625-0.65417-0.1125-0.9875l-4.7 0c-0.05 0.33333-0.0875 0.6625-0.1125 0.9875-0.025 0.325-0.0375 0.6625-0.0375 1.0125 0 0.35 0.0125 0.6875 0.0375 1.0125 0.025 0.325 0.0625 0.65417 0.1125 0.9875l0 0m6.7 0l3.4 0c0.08333-0.33333 0.14583-0.6625 0.1875-0.9875 0.04167-0.325 0.0625-0.6625 0.0625-1.0125 0-0.35-0.02083-0.6875-0.0625-1.0125-0.04167-0.325-0.10417-0.65417-0.1875-0.9875l-3.4 0c0.05 0.33333 0.0875 0.6625 0.1125 0.9875 0.025 0.325 0.0375 0.6625 0.0375 1.0125 0 0.35-0.0125 0.6875-0.0375 1.0125-0.025 0.325-0.0625 0.65417-0.1125 0.9875l0 0m-0.4-6l2.95 0c-0.48333-0.83333-1.0875-1.55833-1.8125-2.175-0.725-0.61667-1.55417-1.075-2.4875-1.375 0.3 0.55 0.5625 1.12083 0.7875 1.7125 0.225 0.59167 0.4125 1.20417 0.5625 1.8375l0 0m-5.85 0l3.8 0c-0.2-0.73333-0.45833-1.425-0.775-2.075-0.31667-0.65-0.69167-1.275-1.125-1.875-0.43333 0.6-0.80833 1.225-1.125 1.875-0.31667 0.65-0.575 1.34167-0.775 2.075l0 0m-5 0l2.95 0c0.15-0.63333 0.3375-1.24583 0.5625-1.8375 0.225-0.59167 0.4875-1.1625 0.7875-1.7125-0.93333 0.3-1.7625 0.75833-2.4875 1.375-0.725 0.61667-1.32917 1.34167-1.8125 2.175l0 0",
"fill": "#dec29aff",
"width": 20,
"height": 20
}
]
}
]
},
{
"type": "frame",
"id": "RGJ9g",
"name": "Heading 2",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "text",
"id": "gVTQJ",
"name": "Text",
"fill": "#e4e2e4ff",
"content": "界面语言设置",
"lineHeight": 1.4,
"textAlignVertical": "middle",
"fontFamily": "WenQuanYi Zen Hei",
"fontSize": 20,
"fontWeight": "500"
}
]
}
]
}
]
},
{
"type": "frame",
"id": "k8IOw",
"name": "Container",
"width": "fill_container",
"height": 64,
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "none",
"children": [
{
"type": "frame",
"id": "e5SKZ",
"x": 0,
"y": 0,
"name": "Button",
"fill": "#adc6ff1a",
"cornerRadius": 8,
"stroke": {
"align": "inside",
"thickness": 2,
"fill": "#adc6ffff"
},
"gap": 12,
"padding": [
16,
42.66999816894531
],
"justifyContent": "center",
"alignItems": "center",
"layoutIncludeStroke": true,
"children": [
{
"type": "frame",
"id": "gLZvz",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"alignItems": "center",
"children": [
{
"type": "path",
"id": "TExnY",
"name": "Icon",
"geometry": "M7.16667 12.16667l5.875-5.875-1.16667-1.16667-4.70833 4.70833-2.375-2.375-1.16667 1.16667 3.54167 3.54167 0 0m1.16666 4.5c-1.15278 0-2.23611-0.21875-3.25-0.65625-1.01389-0.4375-1.89583-1.03125-2.64583-1.78125-0.75-0.75-1.34375-1.63195-1.78125-2.64584-0.4375-1.01389-0.65625-2.09722-0.65625-3.25 0-1.15278 0.21875-2.23611 0.65625-3.25 0.4375-1.01389 1.03125-1.89583 1.78125-2.64583 0.75-0.75 1.63194-1.34375 2.64583-1.78125 1.01389-0.4375 2.09722-0.65625 3.25-0.65625 1.15278 0 2.23611 0.21875 3.25 0.65625 1.01389 0.4375 1.89583 1.03125 2.64584 1.78125 0.75 0.75 1.34375 1.63194 1.78125 2.64583 0.4375 1.01389 0.65625 2.09722 0.65625 3.25 0 1.15278-0.21875 2.23611-0.65625 3.25-0.4375 1.01389-1.03125 1.89583-1.78125 2.64584-0.75 0.75-1.63195 1.34375-2.64584 1.78125-1.01389 0.4375-2.09722 0.65625-3.25 0.65625l0 0m0-1.66667c1.86111 0 3.4375-0.64583 4.72917-1.9375 1.29167-1.29167 1.9375-2.86806 1.9375-4.72917 0-1.86111-0.64583-3.4375-1.9375-4.72916-1.29167-1.29167-2.86806-1.9375-4.72917-1.9375-1.86111 0-3.4375 0.64583-4.72916 1.9375-1.29167 1.29167-1.9375 2.86806-1.9375 4.72916 0 1.86111 0.64583 3.4375 1.9375 4.72917 1.29167 1.29167 2.86806 1.9375 4.72916 1.9375l0 0m0-6.66667l0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0",
"fill": "#adc6ffff",
"width": 16.66666603088379,
"height": 16.66666603088379
}
]
},
{
"type": "text",
"id": "oRr4M",
"name": "Text",
"fill": "#adc6ffff",
"content": "简体中文",
"lineHeight": 1.5,
"textAlign": "center",
"textAlignVertical": "middle",
"fontFamily": "WenQuanYi Zen Hei",
"fontSize": 16,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "H8Pq8v",
"x": 201.34750366210938,
"y": 0,
"name": "Button",
"cornerRadius": 8,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "#45464dff"
},
"padding": [
19,
64.4000015258789,
19,
64.41000366210938
],
"justifyContent": "center",
"alignItems": "center",
"layoutIncludeStroke": true,
"children": [
{
"type": "text",
"id": "mzBki",
"name": "Text",
"fill": "#c6c6cdff",
"content": "English",
"lineHeight": 1.5,
"textAlign": "center",
"textAlignVertical": "middle",
"fontFamily": "Inter",
"fontSize": 16,
"fontWeight": "normal"
}
]
}
]
}
]
}
]
},
{
"type": "frame",
"id": "pyul9",
"name": "Section: Security & Access",
"width": "fill_container",
"fill": "#1e293bff",
"cornerRadius": 8,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "#334155ff"
},
"layout": "vertical",
"gap": 32,
"padding": 32,
"layoutIncludeStroke": true,
"children": [
{
"type": "frame",
"id": "De2Bb",
"name": "Container",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"gap": 16,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "k2o6D",
"name": "Overlay",
"width": 48,
"height": 48,
"fill": "#ffb4ab1a",
"cornerRadius": 8,
"stroke": {
"align": "inside",
"thickness": 1
},
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "T9Ltz",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "path",
"id": "x7Er7",
"name": "Icon",
"geometry": "M8 20c-2.31667-0.58333-4.22917-1.9125-5.7375-3.9875-1.50833-2.075-2.2625-4.37917-2.2625-6.9125l0-6.1 8-3 8 3 0 6.1c0 2.53333-0.75417 4.8375-2.2625 6.9125-1.50833 2.075-3.42083 3.40416-5.7375 3.9875l0 0m0-2.1c1.61667-0.5 2.96667-1.4875 4.05-2.9625 1.08333-1.475 1.71667-3.12083 1.9-4.9375l-5.95 0 0-7.875-6 2.25 0 4.725c0 0.18333 0 0.33333 0 0.45 0 0.11667 0.01667 0.26667 0.05 0.45l5.95 0 0 7.9 0 0",
"fill": "#ffb4abff",
"width": 16,
"height": 20
}
]
}
]
},
{
"type": "frame",
"id": "O4AzN",
"name": "Heading 2",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "text",
"id": "AeeOL",
"name": "Text",
"fill": "#e4e2e4ff",
"content": "安全与访问控制",
"lineHeight": 1.4,
"textAlignVertical": "middle",
"fontFamily": "WenQuanYi Zen Hei",
"fontSize": 20,
"fontWeight": "500"
}
]
}
]
},
{
"type": "frame",
"id": "ITpQ1",
"name": "Container",
"width": "fill_container",
"height": 90,
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "none",
"children": [
{
"type": "frame",
"id": "TaLyl",
"x": 0,
"y": 0,
"name": "Background+Border",
"width": 269.1300048828125,
"fill": "#1b1b1dff",
"cornerRadius": 8,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "#45464dff"
},
"layout": "vertical",
"gap": 16,
"padding": 16,
"layoutIncludeStroke": true,
"children": [
{
"type": "frame",
"id": "H55uT",
"name": "Container",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "text",
"id": "r7yT1T",
"name": "管理权限",
"fill": "#909097ff",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "管理权限",
"lineHeight": 1.3333333333333333,
"textAlignVertical": "middle",
"fontFamily": "WenQuanYi Zen Hei",
"fontSize": 12,
"fontWeight": "500",
"letterSpacing": 1.2000000476837158
}
]
},
{
"type": "frame",
"id": "f78t8",
"name": "Container",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"gap": 115.11000061035156,
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "NSN5K",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "text",
"id": "Zcici",
"name": "Text",
"fill": "#e4e2e4ff",
"content": "修改管理密码",
"lineHeight": 1.5,
"textAlignVertical": "middle",
"fontFamily": "WenQuanYi Zen Hei",
"fontSize": 16,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "ENx9I",
"name": "Button",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "path",
"id": "GDP54",
"name": "Icon",
"geometry": "M2 16l1.425 0 9.775-9.775-1.425-1.425-9.775 9.775 0 1.425 0 0m-2 2l0-4.25 13.2-13.175c0.2-0.18333 0.42083-0.325 0.6625-0.425 0.24167-0.1 0.49583-0.15 0.7625-0.15 0.26667 0 0.525 0.05 0.775 0.15 0.25 0.1 0.46667 0.25 0.65 0.45l1.375 1.4c0.2 0.18333 0.34583 0.4 0.4375 0.65 0.09167 0.25 0.1375 0.5 0.1375 0.75 0 0.26667-0.04583 0.52083-0.1375 0.7625-0.09167 0.24167-0.2375 0.4625-0.4375 0.6625l-13.175 13.175-4.25 0 0 0m16-14.6l0 0-1.4-1.4 0 0 1.4 1.4 0 0m-3.525 2.125l-0.7-0.725 0 0 1.425 1.425 0 0-0.725-0.7 0 0",
"fill": "#bec6e0ff",
"width": 18,
"height": 18
}
]
}
]
}
]
},
{
"type": "frame",
"id": "smz3n",
"x": 293.1300048828125,
"y": 0,
"name": "Background+Border",
"width": 269.1300048828125,
"fill": "#1b1b1dff",
"cornerRadius": 8,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "#45464dff"
},
"layout": "vertical",
"gap": 16,
"padding": 16,
"layoutIncludeStroke": true,
"children": [
{
"type": "frame",
"id": "mpSbs",
"name": "Container",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "text",
"id": "aIHwV",
"name": "SSH 访问",
"fill": "#909097ff",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "SSH 访问",
"lineHeight": 1.3333333333333333,
"textAlignVertical": "middle",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "700",
"letterSpacing": 1.2000000476837158
}
]
},
{
"type": "frame",
"id": "Yvowx",
"name": "Container",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"gap": 143.1300048828125,
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "YI6Vn",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "text",
"id": "y43ff0",
"name": "Text",
"fill": "#e4e2e4ff",
"content": "已禁用",
"lineHeight": 1.5,
"textAlignVertical": "middle",
"fontFamily": "WenQuanYi Zen Hei",
"fontSize": 16,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "d8G047",
"name": "Label",
"stroke": {
"align": "inside",
"thickness": 1
},
"alignItems": "center",
"children": [
{
"type": "rectangle",
"cornerRadius": 12,
"id": "gGgLc",
"name": "Background",
"fill": "#353436ff",
"width": 44,
"height": 24,
"stroke": {
"align": "inside",
"thickness": 1
}
},
{
"type": "rectangle",
"cornerRadius": 12,
"id": "wVGMf",
"layoutPosition": "absolute",
"x": 2,
"y": 2,
"name": "Background+Border",
"fill": "#ffffffff",
"width": 20,
"height": 20,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "#d1d5dbff"
}
}
]
}
]
}
]
},
{
"type": "frame",
"id": "r0O2Q",
"x": 586.260009765625,
"y": 0,
"name": "Background+Border",
"width": 269.1300048828125,
"fill": "#1b1b1dff",
"cornerRadius": 8,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "#45464dff"
},
"layout": "vertical",
"gap": 16,
"padding": 16,
"layoutIncludeStroke": true,
"children": [
{
"type": "frame",
"id": "VV9ne",
"name": "Container",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "text",
"id": "NXyhZ",
"name": "登录超时",
"fill": "#909097ff",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "登录超时",
"lineHeight": 1.3333333333333333,
"textAlignVertical": "middle",
"fontFamily": "WenQuanYi Zen Hei",
"fontSize": 12,
"fontWeight": "500",
"letterSpacing": 1.2000000476837158
}
]
},
{
"type": "frame",
"id": "MalLg",
"name": "Container",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"gap": 154.35000610351562,
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "EEEqJ",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "text",
"id": "Qfn9T",
"name": "Text",
"fill": "#e4e2e4ff",
"content": "30 分钟",
"lineHeight": 1.5,
"textAlignVertical": "middle",
"fontFamily": "Inter",
"fontSize": 16,
"fontWeight": "600"
}
]
},
{
"type": "frame",
"id": "H5Va6w",
"name": "Button",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "path",
"id": "TWKRm",
"name": "Icon",
"geometry": "M6 7.4l-6-6 1.4-1.4 4.6 4.6 4.6-4.6 1.4 1.4-6 6 0 0",
"fill": "#909097ff",
"width": 12,
"height": 7.400000095367432
}
]
}
]
}
]
}
]
}
]
},
{
"type": "frame",
"id": "ukRDb",
"name": "Section: USB Data Management",
"clip": true,
"width": "fill_container",
"fill": "#1e293bff",
"cornerRadius": 8,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "#334155ff"
},
"layout": "vertical",
"padding": 32,
"layoutIncludeStroke": true,
"children": [
{
"type": "frame",
"id": "pnqwH",
"name": "Container",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"gap": 32,
"padding": [
0,
1.1368683772161603e-13,
0,
0
],
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "stMG8",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"gap": 24,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "T6bEP",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "frame",
"id": "lFPgh",
"name": "Overlay",
"width": 64,
"height": 64,
"fill": "#10b9811a",
"cornerRadius": 12,
"stroke": {
"align": "inside",
"thickness": 1
},
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "l8vPG",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "path",
"id": "oRZAf",
"name": "Icon",
"geometry": "M8.75 25c-0.6875 0-1.27604-0.24479-1.76563-0.73438-0.48958-0.48958-0.73438-1.07813-0.73437-1.76562 0-0.4375 0.11458-0.84375 0.34375-1.21875 0.22917-0.375 0.53125-0.67708 0.90625-0.90625l0-2.875-3.75 0c-0.6875 0-1.27604-0.24479-1.76563-0.73438-0.48958-0.48958-0.73438-1.07813-0.73437-1.76562l0-2.875c-0.375-0.1875-0.67708-0.46875-0.90625-0.84375-0.22917-0.375-0.34375-0.80208-0.34375-1.28125 0-0.6875 0.24479-1.27604 0.73438-1.76563 0.48958-0.48958 1.07813-0.73438 1.76562-0.73437 0.6875 0 1.27604 0.24479 1.76563 0.73438 0.48958 0.48958 0.73438 1.07813 0.73437 1.76562 0 0.47917-0.11458 0.89583-0.34375 1.25-0.22917 0.35417-0.53125 0.64583-0.90625 0.875l0 2.875 0 0 0 0 3.75 0 0-10-2.5 0 3.75-5 3.75 5-2.5 0 0 10 3.75 0 0 0 0 0 0-2.5-1.25 0 0-5 5 0 0 5-1.25 0 0 2.5c0 0.6875-0.24479 1.27604-0.73438 1.76563-0.48958 0.48958-1.07813 0.73438-1.76562 0.73437l-3.75 0 0 2.875c0.39583 0.20833 0.70313 0.5 0.92188 0.875 0.21875 0.375 0.32813 0.79167 0.32812 1.25 0 0.6875-0.24479 1.27604-0.73438 1.76563-0.48958 0.48958-1.07813 0.73438-1.76562 0.73437l0 0",
"fill": "#10b981ff",
"width": 17.5,
"height": 25
}
]
}
]
},
{
"type": "rectangle",
"cornerRadius": 12,
"id": "TK2rs",
"layoutPosition": "absolute",
"x": 48,
"y": 48,
"name": "Background+Border",
"fill": "#10b981ff",
"width": 20,
"height": 20,
"stroke": {
"align": "inside",
"thickness": 4,
"fill": "#1e293bff"
}
}
]
},
{
"type": "frame",
"id": "Fi3PS",
"name": "Container",
"width": "fit_content(353.80999755859375)",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"gap": 8,
"children": [
{
"type": "frame",
"id": "M2EaRg",
"name": "Heading 2",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "text",
"id": "fKiSL",
"name": "Text",
"fill": "#e4e2e4ff",
"content": "U盘外部数据导入",
"lineHeight": 1.4,
"textAlignVertical": "middle",
"fontFamily": "WenQuanYi Zen Hei",
"fontSize": 20,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "pbotJ",
"name": "Container",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"gap": 12,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "Iely7",
"name": "Overlay",
"fill": "#10b98133",
"cornerRadius": 12,
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"padding": [
4,
83.44000244140625,
4,
12
],
"children": [
{
"type": "text",
"id": "i6qTDr",
"name": "Text",
"fill": "#10b981ff",
"content": "检测到设备:\nSONY_64GB_ULTRA",
"lineHeight": 1.4285714285714286,
"textAlignVertical": "middle",
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "600",
"letterSpacing": 0.699999988079071
}
]
},
{
"type": "frame",
"id": "EkCiZ",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"padding": [
0,
41.939998626708984,
0,
0
],
"children": [
{
"type": "text",
"id": "A611NM",
"name": "Text",
"fill": "#c6c6cdff",
"content": "文件系统:\nFAT32",
"lineHeight": 1.3333333333333333,
"textAlignVertical": "middle",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "700",
"letterSpacing": 1.2000000476837158
}
]
}
]
}
]
}
]
},
{
"type": "frame",
"id": "o2xfU",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"gap": 16,
"children": [
{
"type": "frame",
"id": "YPwaG",
"name": "Button",
"cornerRadius": 8,
"stroke": {
"align": "inside",
"thickness": 2,
"fill": "#adc6ffff"
},
"gap": 12.079999923706055,
"padding": [
25.5,
36.09000015258789,
26.5,
32
],
"alignItems": "center",
"layoutIncludeStroke": true,
"children": [
{
"type": "frame",
"id": "MqCNf",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"alignItems": "center",
"children": [
{
"type": "path",
"id": "IeqPi",
"name": "Icon",
"geometry": "M1.66667 13.33333c-0.45833 0-0.85069-0.16319-1.17709-0.48958-0.32639-0.32639-0.48958-0.71875-0.48958-1.17708l0-10c0-0.45833 0.16319-0.85069 0.48958-1.17709 0.32639-0.32639 0.71875-0.48958 1.17709-0.48958l5 0 1.66666 1.66667 6.66667 0c0.45833 0 0.85069 0.16319 1.17708 0.48958 0.32639 0.32639 0.48958 0.71875 0.48959 1.17708l-9.02084 0-1.66666-1.66666-4.3125 0 0 0 0 0 0 10 0 0 0 0 2-6.66667 14.25 0-2.14584 7.14583c-0.11111 0.36111-0.31597 0.64931-0.61458 0.86459-0.29861 0.21528-0.62847 0.32292-0.98958 0.32291l-12.5 0 0 0m1.75-1.66666l10.75 0 1.5-5-10.75 0-1.5 5 0 0m0 0l1.5-5 0 0-1.5 5 0 0 0 0m-1.75-8.33334l0-1.66666 0 0 0 0 0 0 0 1.66666 0 0 0 0",
"fill": "#adc6ffff",
"width": 17.91666603088379,
"height": 13.333333015441895
}
]
},
{
"type": "text",
"id": "ZfDgq",
"name": "Text",
"fill": "#adc6ffff",
"content": "浏览文\n件",
"lineHeight": 1.3333333333333333,
"textAlign": "center",
"textAlignVertical": "middle",
"fontFamily": "WenQuanYi Zen Hei",
"fontSize": 12,
"fontWeight": "500",
"letterSpacing": 1.2000000476837158
}
]
},
{
"type": "frame",
"id": "F6dOj",
"name": "Button",
"fill": "#0566d9ff",
"cornerRadius": 8,
"stroke": {
"align": "inside",
"thickness": 1
},
"gap": 12,
"padding": [
16,
40
],
"alignItems": "center",
"children": [
{
"type": "rectangle",
"cornerRadius": 8,
"id": "gvVyB",
"layoutPosition": "absolute",
"x": 0,
"y": 0,
"name": "Button:shadow",
"fill": "#ffffff01",
"width": 213.8000030517578,
"height": 88,
"stroke": {
"align": "inside",
"thickness": 1
},
"effect": [
{
"type": "shadow",
"shadowType": "outer",
"color": "#0000001a",
"offset": {
"x": 0,
"y": 8
},
"blur": 8.75,
"spread": -6
},
{
"type": "shadow",
"shadowType": "outer",
"color": "#0000001a",
"offset": {
"x": 0,
"y": 20
},
"blur": 21.875,
"spread": -5
}
]
},
{
"type": "frame",
"id": "qCruR",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"alignItems": "center",
"children": [
{
"type": "path",
"id": "p2Btw",
"name": "Icon",
"geometry": "M7 16l0-8.15-2.6 2.6-1.4-1.45 5-5 5 5-1.4 1.45-2.6-2.6 0 8.15-2 0 0 0m-7-11l0-3c0-0.55 0.19583-1.02083 0.5875-1.4125 0.39167-0.39167 0.8625-0.5875 1.4125-0.5875l12 0c0.55 0 1.02083 0.19583 1.4125 0.5875 0.39167 0.39167 0.5875 0.8625 0.5875 1.4125l0 3-2 0 0-3 0 0 0 0-12 0 0 0 0 0 0 3-2 0 0 0",
"fill": "#e6ecffff",
"width": 16,
"height": 16
}
]
},
{
"type": "frame",
"id": "I7IuM",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"padding": [
0,
4.889999866485596
],
"alignItems": "center",
"children": [
{
"type": "text",
"id": "Dzfrt",
"name": "Text",
"fill": "#e6ecffff",
"content": "批量导入程\n序",
"lineHeight": 1.5555555555555556,
"textAlign": "center",
"textAlignVertical": "middle",
"fontFamily": "WenQuanYi Zen Hei",
"fontSize": 18,
"fontWeight": "500",
"letterSpacing": 1.2000000476837158
}
]
}
]
}
]
}
]
}
]
},
{
"type": "frame",
"id": "oTqyu",
"name": "Footer Component (Integrated into main content bottom)",
"opacity": 0.6000000238418579,
"width": "fill_container",
"height": 65,
"stroke": {
"align": "inside",
"thickness": {
"top": 1
},
"fill": "#45464dff"
},
"layout": "none",
"children": [
{
"type": "frame",
"id": "qcer1",
"x": 0,
"y": 33,
"name": "Container",
"width": 452.69500732421875,
"height": 32,
"stroke": {
"align": "inside",
"thickness": 1
},
"gap": 16,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "pYdZV",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "path",
"id": "YWDa3",
"name": "Icon",
"geometry": "M6.75 11.25l1.5 0 0-4.5-1.5 0 0 4.5 0 0m0.75-6c0.2125 0 0.39063-0.07187 0.53438-0.21562 0.14375-0.14375 0.21562-0.32188 0.21562-0.53438 0-0.2125-0.07187-0.39063-0.21562-0.53437-0.14375-0.14375-0.32188-0.21563-0.53438-0.21563-0.2125 0-0.39063 0.07188-0.53438 0.21563-0.14375 0.14375-0.21562 0.32187-0.21562 0.53437 0 0.2125 0.07187 0.39063 0.21562 0.53438 0.14375 0.14375 0.32188 0.21562 0.53438 0.21562l0 0m0 9.75c-1.0375 0-2.0125-0.19688-2.925-0.59062-0.9125-0.39375-1.70625-0.92813-2.38125-1.60313-0.675-0.675-1.20937-1.46875-1.60313-2.38125-0.39375-0.9125-0.59062-1.8875-0.59062-2.925 0-1.0375 0.19687-2.0125 0.59062-2.925 0.39375-0.9125 0.92813-1.70625 1.60313-2.38125 0.675-0.675 1.46875-1.20937 2.38125-1.60313 0.9125-0.39375 1.8875-0.59062 2.925-0.59062 1.0375 0 2.0125 0.19687 2.925 0.59062 0.9125 0.39375 1.70625 0.92813 2.38125 1.60313 0.675 0.675 1.20937 1.46875 1.60313 2.38125 0.39375 0.9125 0.59062 1.8875 0.59062 2.925 0 1.0375-0.19688 2.0125-0.59062 2.925-0.39375 0.9125-0.92813 1.70625-1.60313 2.38125-0.675 0.675-1.46875 1.20937-2.38125 1.60313-0.9125 0.39375-1.8875 0.59062-2.925 0.59062l0 0m0-1.5c1.675 0 3.09375-0.58125 4.25625-1.74375 1.1625-1.1625 1.74375-2.58125 1.74375-4.25625 0-1.675-0.58125-3.09375-1.74375-4.25625-1.1625-1.1625-2.58125-1.74375-4.25625-1.74375-1.675 0-3.09375 0.58125-4.25625 1.74375-1.1625 1.1625-1.74375 2.58125-1.74375 4.25625 0 1.675 0.58125 3.09375 1.74375 4.25625 1.1625 1.1625 2.58125 1.74375 4.25625 1.74375l0 0m0-6l0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0",
"fill": "#909097ff",
"width": 15,
"height": 15
}
]
},
{
"type": "frame",
"id": "oh9IN",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"padding": [
0,
23.350000381469727,
0,
0
],
"children": [
{
"type": "text",
"id": "n8rEaY",
"name": "Text",
"fill": "#909097ff",
"content": "系统架构: ARM64-V8A | 核心温度: 42°C | 运行内存: 12.4 / 32\nGB",
"lineHeight": 1.3333333333333333,
"textAlignVertical": "middle",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "700",
"letterSpacing": 1.2000000476837158
}
]
}
]
},
{
"type": "frame",
"id": "OeTzV",
"x": 468.69500732421875,
"y": 33,
"name": "Container",
"width": 452.69500732421875,
"height": 32,
"stroke": {
"align": "inside",
"thickness": 1
},
"gap": 24,
"justifyContent": "end",
"children": [
{
"type": "frame",
"id": "WwjXE",
"name": "Container",
"height": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "text",
"id": "ji8jM",
"name": "Text",
"fill": "#909097ff",
"content": "© 2024 Precision Control Systems",
"lineHeight": 1.3333333333333333,
"textAlignVertical": "middle",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "700",
"letterSpacing": 1.2000000476837158
}
]
},
{
"type": "frame",
"id": "hqMOa",
"name": "Container",
"height": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "text",
"id": "i8IzzJ",
"name": "Text",
"fill": "#909097ff",
"content": "版本号: V1.2.0-R2410",
"lineHeight": 1.3333333333333333,
"textAlignVertical": "middle",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "700",
"letterSpacing": 1.2000000476837158
}
]
}
]
}
]
}
]
}
]
}
]
}
]
},
{
"type": "frame",
"id": "Eu7q9",
"x": 1412,
"y": 100,
"name": "程序管理列表 - 桌面端",
"width": 1280,
"fill": [
"#ffffffff",
"#131315ff"
],
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"padding": [
64,
0,
96,
0
],
"children": [
{
"type": "frame",
"id": "nCLsv",
"name": "Main Content Canvas - Optimized for 1920x1080",
"clip": true,
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"padding": 32,
"children": [
{
"type": "frame",
"id": "pVE1a",
"name": "Action Header Section:margin",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"padding": [
0,
0,
32,
0
],
"children": [
{
"type": "frame",
"id": "K9dbsH",
"name": "Action Header Section",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"gap": 182.58999633789062,
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "UvXUE",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"gap": 24,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "OoCtZ",
"name": "Heading 2",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "text",
"id": "NPX5C",
"name": "Text",
"fill": "#e4e2e4ff",
"content": "程序管理",
"lineHeight": 1.3333333333333333,
"textAlignVertical": "middle",
"fontFamily": "WenQuanYi Zen Hei",
"fontSize": 24,
"fontWeight": "500"
}
]
},
{
"type": "rectangle",
"id": "RYjhd",
"name": "Vertical Divider",
"fill": "#45464dff",
"width": 1,
"height": 32,
"stroke": {
"align": "inside",
"thickness": 1
}
},
{
"type": "frame",
"id": "K5Ki7J",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "frame",
"id": "mfCNk",
"name": "Input",
"clip": true,
"width": 400,
"fill": "#1f1f21ff",
"cornerRadius": 8,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "#45464dff"
},
"padding": [
12,
24,
10,
48
],
"justifyContent": "center",
"layoutIncludeStroke": true,
"children": [
{
"type": "frame",
"id": "d6LwR1",
"name": "Container",
"clip": true,
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"padding": [
0,
0,
2,
0
],
"children": [
{
"type": "text",
"id": "RsPQP",
"name": "通过程序名称或ID搜索...",
"fill": "#6b7280ff",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "通过程序名称或ID搜索...",
"textAlignVertical": "middle",
"fontFamily": "WenQuanYi Zen Hei",
"fontSize": 16,
"fontWeight": "500"
}
]
}
]
},
{
"type": "frame",
"id": "VMldB",
"layoutPosition": "absolute",
"x": 16,
"y": 11,
"name": "Container",
"height": 24,
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "path",
"id": "B7Cga",
"name": "Icon",
"geometry": "M16.6 18l-6.3-6.3c-0.5 0.4-1.075 0.71667-1.725 0.95-0.65 0.23333-1.34167 0.35-2.075 0.35-1.81667 0-3.35417-0.62917-4.6125-1.8875-1.25833-1.25833-1.8875-2.79583-1.8875-4.6125 0-1.81667 0.62917-3.35417 1.8875-4.6125 1.25833-1.25833 2.79583-1.8875 4.6125-1.8875 1.81667 0 3.35417 0.62917 4.6125 1.8875 1.25833 1.25833 1.8875 2.79583 1.8875 4.6125 0 0.73333-0.11667 1.425-0.35 2.075-0.23333 0.65-0.55 1.225-0.95 1.725l6.3 6.3-1.4 1.4 0 0m-10.1-7c1.25 0 2.3125-0.4375 3.1875-1.3125 0.875-0.875 1.3125-1.9375 1.3125-3.1875 0-1.25-0.4375-2.3125-1.3125-3.1875-0.875-0.875-1.9375-1.3125-3.1875-1.3125-1.25 0-2.3125 0.4375-3.1875 1.3125-0.875 0.875-1.3125 1.9375-1.3125 3.1875 0 1.25 0.4375 2.3125 1.3125 3.1875 0.875 0.875 1.9375 1.3125 3.1875 1.3125l0 0",
"fill": "#909097ff",
"width": 18,
"height": 18
}
]
}
]
}
]
},
{
"type": "frame",
"id": "hn4iU",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"gap": 16,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "PRxij",
"name": "Button",
"fill": "#1f1f21ff",
"cornerRadius": 8,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "#45464dff"
},
"gap": 8,
"padding": [
10,
24
],
"alignItems": "center",
"layoutIncludeStroke": true,
"children": [
{
"type": "frame",
"id": "HaqXN",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"alignItems": "center",
"children": [
{
"type": "path",
"id": "R5vDj",
"name": "Icon",
"geometry": "M7 12l0-8.15-2.6 2.6-1.4-1.45 5-5 5 5-1.4 1.45-2.6-2.6 0 8.15-2 0 0 0m-5 4c-0.55 0-1.02083-0.19583-1.4125-0.5875-0.39167-0.39167-0.5875-0.8625-0.5875-1.4125l0-3 2 0 0 3 0 0 0 0 12 0 0 0 0 0 0-3 2 0 0 3c0 0.55-0.19583 1.02083-0.5875 1.4125-0.39167 0.39167-0.8625 0.5875-1.4125 0.5875l-12 0 0 0",
"fill": "#e4e2e4ff",
"width": 16,
"height": 16
}
]
},
{
"type": "frame",
"id": "aFBUh",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "A5RgzR",
"name": "Text",
"fill": "#e4e2e4ff",
"content": "IMPORT PROGRAM",
"lineHeight": 1.3333333333333333,
"textAlign": "center",
"textAlignVertical": "middle",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "700",
"letterSpacing": 1.2000000476837158
}
]
}
]
},
{
"type": "frame",
"id": "qffaS",
"name": "Button",
"fill": "#0566d9ff",
"cornerRadius": 8,
"stroke": {
"align": "inside",
"thickness": 1
},
"gap": 8,
"padding": [
10,
32
],
"alignItems": "center",
"children": [
{
"type": "rectangle",
"cornerRadius": 8,
"id": "wN34U",
"layoutPosition": "absolute",
"x": 0,
"y": 0,
"name": "Button:shadow",
"fill": "#ffffff01",
"width": 251.3599853515625,
"height": 36,
"stroke": {
"align": "inside",
"thickness": 1
},
"effect": [
{
"type": "shadow",
"shadowType": "outer",
"color": "#0000001a",
"offset": {
"x": 0,
"y": 4
},
"blur": 5.25,
"spread": -4
},
{
"type": "shadow",
"shadowType": "outer",
"color": "#0000001a",
"offset": {
"x": 0,
"y": 10
},
"blur": 13.125,
"spread": -3
}
]
},
{
"type": "frame",
"id": "Swt0R",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"alignItems": "center",
"children": [
{
"type": "path",
"id": "P6gTG",
"name": "Icon",
"geometry": "M6 8l-6 0 0-2 6 0 0-6 2 0 0 6 6 0 0 2-6 0 0 6-2 0 0-6 0 0",
"fill": "#e6ecffff",
"width": 14,
"height": 14
}
]
},
{
"type": "frame",
"id": "LVbwG",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "Z3kCE",
"name": "Text",
"fill": "#e6ecffff",
"content": "CREATE NEW PROGRAM",
"lineHeight": 1.3333333333333333,
"textAlign": "center",
"textAlignVertical": "middle",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "700",
"letterSpacing": 1.2000000476837158
}
]
}
]
}
]
}
]
}
]
},
{
"type": "frame",
"id": "f4huC",
"name": "Data Table Section",
"clip": true,
"width": "fill_container",
"fill": "#1e293bb2",
"cornerRadius": 8,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "#33415580"
},
"effect": [
{
"type": "shadow",
"shadowType": "outer",
"color": "#00000040",
"offset": {
"x": 0,
"y": 25
},
"blur": 43.75,
"spread": -12
},
{
"type": "background_blur",
"radius": 10.5
}
],
"layout": "vertical",
"layoutIncludeStroke": true,
"children": [
{
"type": "frame",
"id": "KL6mZ",
"name": "Container",
"clip": true,
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"padding": [
0,
0,
201,
0
],
"children": [
{
"type": "frame",
"id": "yu2CB",
"name": "Table",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "frame",
"id": "kq25N",
"name": "Header",
"width": "fill_container",
"fill": "#2a2a2bff",
"stroke": {
"align": "inside",
"thickness": 1
},
"effect": {
"type": "shadow",
"shadowType": "outer",
"color": "#0000000d",
"offset": {
"x": 0,
"y": 1
},
"blur": 1.75
},
"layout": "vertical",
"children": [
{
"type": "frame",
"id": "kEyoY",
"name": "Row",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"justifyContent": "center",
"children": [
{
"type": "frame",
"id": "QfPR5",
"name": "Cell",
"width": 80,
"stroke": {
"align": "inside",
"thickness": {
"bottom": 1
},
"fill": "#45464dff"
},
"layout": "vertical",
"padding": 24,
"layoutIncludeStroke": true,
"children": [
{
"type": "rectangle",
"cornerRadius": 2,
"id": "tfWvu",
"name": "Input",
"fill": "#1f1f21ff",
"width": 20,
"height": 20,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "#45464dff"
}
}
]
},
{
"type": "frame",
"id": "W5NnGW",
"name": "Cell",
"width": 160,
"stroke": {
"align": "inside",
"thickness": {
"bottom": 1
},
"fill": "#45464dff"
},
"layout": "vertical",
"padding": [
25.5,
24,
26,
24
],
"layoutIncludeStroke": true,
"children": [
{
"type": "text",
"id": "v03xKU",
"name": "Text",
"fill": "#909097ff",
"content": "ID",
"lineHeight": 1.3333333333333333,
"textAlignVertical": "middle",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "700",
"letterSpacing": 1.2000000476837158
}
]
},
{
"type": "frame",
"id": "ftr8w",
"name": "Cell",
"width": 366,
"stroke": {
"align": "inside",
"thickness": {
"bottom": 1
},
"fill": "#45464dff"
},
"layout": "vertical",
"padding": [
25.5,
24,
26,
24
],
"layoutIncludeStroke": true,
"children": [
{
"type": "text",
"id": "Xnc0a",
"name": "Text",
"fill": "#909097ff",
"content": "PROGRAM NAME",
"lineHeight": 1.3333333333333333,
"textAlignVertical": "middle",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "700",
"letterSpacing": 1.2000000476837158
}
]
},
{
"type": "frame",
"id": "c68G8",
"name": "Cell",
"width": 256,
"stroke": {
"align": "inside",
"thickness": {
"bottom": 1
},
"fill": "#45464dff"
},
"layout": "vertical",
"padding": [
25.5,
24,
26,
24
],
"layoutIncludeStroke": true,
"children": [
{
"type": "text",
"id": "U3hdY",
"name": "Text",
"fill": "#909097ff",
"content": "CREATED TIME",
"lineHeight": 1.3333333333333333,
"textAlignVertical": "middle",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "700",
"letterSpacing": 1.2000000476837158
}
]
},
{
"type": "frame",
"id": "SYy0W",
"name": "Cell",
"width": 192,
"stroke": {
"align": "inside",
"thickness": {
"bottom": 1
},
"fill": "#45464dff"
},
"layout": "vertical",
"padding": [
25.5,
24,
26,
24
],
"alignItems": "center",
"layoutIncludeStroke": true,
"children": [
{
"type": "text",
"id": "CYfoz",
"name": "Text",
"fill": "#909097ff",
"content": "STATUS",
"lineHeight": 1.3333333333333333,
"textAlign": "center",
"textAlignVertical": "middle",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "700",
"letterSpacing": 1.2000000476837158
}
]
},
{
"type": "frame",
"id": "FQQRo",
"name": "Cell",
"width": 160,
"stroke": {
"align": "inside",
"thickness": {
"bottom": 1
},
"fill": "#45464dff"
},
"layout": "vertical",
"padding": [
25.5,
24,
26,
24
],
"alignItems": "end",
"layoutIncludeStroke": true,
"children": [
{
"type": "text",
"id": "a7e0if",
"name": "Text",
"fill": "#909097ff",
"content": "ACTIONS",
"lineHeight": 1.3333333333333333,
"textAlign": "right",
"textAlignVertical": "middle",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "700",
"letterSpacing": 1.2000000476837158
}
]
}
]
}
]
},
{
"type": "frame",
"id": "KjrA1",
"name": "Body",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"gap": -1,
"children": [
{
"type": "frame",
"id": "N4JUDk",
"name": "Row 1",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"padding": [
0,
24,
0,
0
],
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "WR7Oz",
"name": "Data",
"width": 80,
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"padding": [
34.5,
24
],
"children": [
{
"type": "rectangle",
"cornerRadius": 2,
"id": "zfAV1",
"name": "Input",
"fill": "#1f1f21ff",
"width": 20,
"height": 20,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "#45464dff"
}
}
]
},
{
"type": "frame",
"id": "TEVnl",
"name": "Data",
"width": 160,
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"padding": [
34,
24,
35,
24
],
"children": [
{
"type": "text",
"id": "KKA4R",
"name": "Text",
"fill": "#bec6e0ff",
"content": "PRG-001",
"lineHeight": 1.4285714285714286,
"textAlignVertical": "middle",
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "600",
"letterSpacing": 0.699999988079071
}
]
},
{
"type": "frame",
"id": "U9k0D",
"name": "Data",
"width": 342,
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"padding": [
0,
0,
0,
24
],
"children": [
{
"type": "frame",
"id": "XiVMI",
"name": "Container",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"padding": [
0,
0,
2,
0
],
"children": [
{
"type": "text",
"id": "GDic0",
"name": "常规城市污水筛查",
"fill": "#e4e2e4ff",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "常规城市污水筛查",
"textAlignVertical": "middle",
"fontFamily": "WenQuanYi Zen Hei",
"fontSize": 16,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "QuXMJ",
"name": "Container",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "text",
"id": "Zbi2I",
"name": "标准前处理流程，包含离心与固相萃取",
"fill": "#c6c6cdff",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "标准前处理流程，包含离心与固相萃取",
"lineHeight": 1.3333333333333333,
"textAlignVertical": "middle",
"fontFamily": "WenQuanYi Zen Hei",
"fontSize": 12,
"fontWeight": "500"
}
]
}
]
},
{
"type": "frame",
"id": "K6uBoJ",
"name": "Data",
"width": 280,
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"padding": [
34.5,
24,
34.5,
48
],
"children": [
{
"type": "text",
"id": "bZuKm",
"name": "Text",
"fill": "#c6c6cdff",
"content": "2023-10-24 14:20:05",
"textAlignVertical": "middle",
"fontFamily": "Inter",
"fontSize": 16,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "R4wkaq",
"name": "Data",
"width": 192,
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"padding": [
29.5,
24
],
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "OIPBR",
"name": "Overlay+Border",
"fill": "#10b9811a",
"cornerRadius": 12,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "#10b9814d"
},
"gap": 6,
"padding": [
6,
16
],
"alignItems": "center",
"layoutIncludeStroke": true,
"children": [
{
"type": "rectangle",
"cornerRadius": 12,
"id": "MPrEz",
"name": "Background",
"fill": "#10b981ff",
"width": 8,
"height": 8,
"stroke": {
"align": "inside",
"thickness": 1
}
},
{
"type": "text",
"id": "Y2fgU",
"name": "Text",
"fill": "#10b981ff",
"content": "ACTIVE",
"lineHeight": 1.3333333333333333,
"textAlign": "center",
"textAlignVertical": "middle",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "700",
"letterSpacing": 1.2000000476837158
}
]
}
]
},
{
"type": "frame",
"id": "e2cU9l",
"name": "Data",
"width": 136,
"stroke": {
"align": "inside",
"thickness": 1
},
"gap": 11.989999771118164,
"padding": [
0,
0,
0,
24
],
"justifyContent": "end",
"children": [
{
"type": "frame",
"id": "oh9tP",
"name": "Button",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"padding": 8,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "w7KeD",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"justifyContent": "center",
"children": [
{
"type": "path",
"id": "qrmFd",
"name": "Icon",
"geometry": "M2 16l1.425 0 9.775-9.775-1.425-1.425-9.775 9.775 0 1.425 0 0m-2 2l0-4.25 13.2-13.175c0.2-0.18333 0.42083-0.325 0.6625-0.425 0.24167-0.1 0.49583-0.15 0.7625-0.15 0.26667 0 0.525 0.05 0.775 0.15 0.25 0.1 0.46667 0.25 0.65 0.45l1.375 1.4c0.2 0.18333 0.34583 0.4 0.4375 0.65 0.09167 0.25 0.1375 0.5 0.1375 0.75 0 0.26667-0.04583 0.52083-0.1375 0.7625-0.09167 0.24167-0.2375 0.4625-0.4375 0.6625l-13.175 13.175-4.25 0 0 0m16-14.6l0 0-1.4-1.4 0 0 1.4 1.4 0 0m-3.525 2.125l-0.7-0.725 0 0 1.425 1.425 0 0-0.725-0.7 0 0",
"fill": "#909097ff",
"width": 18,
"height": 18
}
]
}
]
},
{
"type": "frame",
"id": "D72NeH",
"name": "Button",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"padding": 8,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "e032M",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"justifyContent": "center",
"children": [
{
"type": "path",
"id": "S1Y6C",
"name": "Icon",
"geometry": "M3 18c-0.55 0-1.02083-0.19583-1.4125-0.5875-0.39167-0.39167-0.5875-0.8625-0.5875-1.4125l0-13-1 0 0-2 5 0 0-1 6 0 0 1 5 0 0 2-1 0 0 13c0 0.55-0.19583 1.02083-0.5875 1.4125-0.39167 0.39167-0.8625 0.5875-1.4125 0.5875l-10 0 0 0m10-15l-10 0 0 13 0 0 0 0 10 0 0 0 0 0 0-13 0 0m-8 11l2 0 0-9-2 0 0 9 0 0m4 0l2 0 0-9-2 0 0 9 0 0m-6-11l0 0 0 13 0 0 0 0 0 0 0 0 0 0 0-13 0 0",
"fill": "#909097ff",
"width": 16,
"height": 18
}
]
}
]
}
]
}
]
},
{
"type": "frame",
"id": "P6M4TV",
"name": "Row 2",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": {
"top": 1
},
"fill": "#45464d4d"
},
"padding": [
0,
24,
0,
0
],
"justifyContent": "center",
"alignItems": "center",
"layoutIncludeStroke": true,
"children": [
{
"type": "frame",
"id": "dkgbH",
"name": "Data",
"width": 80,
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"padding": [
34.5,
24
],
"children": [
{
"type": "rectangle",
"cornerRadius": 2,
"id": "t7w9L",
"name": "Input",
"fill": "#1f1f21ff",
"width": 20,
"height": 20,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "#45464dff"
}
}
]
},
{
"type": "frame",
"id": "OTGIg",
"name": "Data",
"width": 160,
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"padding": [
34,
24,
35,
24
],
"children": [
{
"type": "text",
"id": "YrPyy",
"name": "Text",
"fill": "#bec6e0ff",
"content": "PRG-002",
"lineHeight": 1.4285714285714286,
"textAlignVertical": "middle",
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "600",
"letterSpacing": 0.699999988079071
}
]
},
{
"type": "frame",
"id": "W7bGJ",
"name": "Data",
"width": 342,
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"padding": [
0,
0,
0,
24
],
"children": [
{
"type": "frame",
"id": "bNkPx",
"name": "Container",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"padding": [
0,
0,
2,
0
],
"children": [
{
"type": "text",
"id": "Fs4sg",
"name": "特定区域深层检测",
"fill": "#e4e2e4ff",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "特定区域深层检测",
"textAlignVertical": "middle",
"fontFamily": "WenQuanYi Zen Hei",
"fontSize": 16,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "aIZzD",
"name": "Container",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "text",
"id": "d12ez",
"name": "高浓度样本稀释处理流程",
"fill": "#c6c6cdff",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "高浓度样本稀释处理流程",
"lineHeight": 1.3333333333333333,
"textAlignVertical": "middle",
"fontFamily": "WenQuanYi Zen Hei",
"fontSize": 12,
"fontWeight": "500"
}
]
}
]
},
{
"type": "frame",
"id": "ir7jU",
"name": "Data",
"width": 280,
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"padding": [
34.5,
24,
34.5,
48
],
"children": [
{
"type": "text",
"id": "AXC9v",
"name": "Text",
"fill": "#c6c6cdff",
"content": "2023-11-02 09:15:22",
"textAlignVertical": "middle",
"fontFamily": "Inter",
"fontSize": 16,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "E8vRpB",
"name": "Data",
"width": 192,
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"padding": [
29.5,
24
],
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "XmNHV",
"name": "Overlay+Border",
"fill": "#45464d33",
"cornerRadius": 12,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "#45464d80"
},
"padding": [
6,
16
],
"justifyContent": "center",
"alignItems": "center",
"layoutIncludeStroke": true,
"children": [
{
"type": "text",
"id": "cUm0K",
"name": "Text",
"fill": "#909097ff",
"content": "INACTIVE",
"lineHeight": 1.3333333333333333,
"textAlign": "center",
"textAlignVertical": "middle",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "700",
"letterSpacing": 1.2000000476837158
}
]
}
]
},
{
"type": "frame",
"id": "rLTBg",
"name": "Data",
"width": 136,
"stroke": {
"align": "inside",
"thickness": 1
},
"gap": 11.989999771118164,
"padding": [
0,
0,
0,
24
],
"justifyContent": "end",
"children": [
{
"type": "frame",
"id": "wHVf9",
"name": "Button",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"padding": 8,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "eDLJw",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"justifyContent": "center",
"children": [
{
"type": "path",
"id": "T14MOH",
"name": "Icon",
"geometry": "M2 16l1.425 0 9.775-9.775-1.425-1.425-9.775 9.775 0 1.425 0 0m-2 2l0-4.25 13.2-13.175c0.2-0.18333 0.42083-0.325 0.6625-0.425 0.24167-0.1 0.49583-0.15 0.7625-0.15 0.26667 0 0.525 0.05 0.775 0.15 0.25 0.1 0.46667 0.25 0.65 0.45l1.375 1.4c0.2 0.18333 0.34583 0.4 0.4375 0.65 0.09167 0.25 0.1375 0.5 0.1375 0.75 0 0.26667-0.04583 0.52083-0.1375 0.7625-0.09167 0.24167-0.2375 0.4625-0.4375 0.6625l-13.175 13.175-4.25 0 0 0m16-14.6l0 0-1.4-1.4 0 0 1.4 1.4 0 0m-3.525 2.125l-0.7-0.725 0 0 1.425 1.425 0 0-0.725-0.7 0 0",
"fill": "#909097ff",
"width": 18,
"height": 18
}
]
}
]
},
{
"type": "frame",
"id": "aJvsQ",
"name": "Button",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"padding": 8,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "keXfe",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"justifyContent": "center",
"children": [
{
"type": "path",
"id": "izIRy",
"name": "Icon",
"geometry": "M3 18c-0.55 0-1.02083-0.19583-1.4125-0.5875-0.39167-0.39167-0.5875-0.8625-0.5875-1.4125l0-13-1 0 0-2 5 0 0-1 6 0 0 1 5 0 0 2-1 0 0 13c0 0.55-0.19583 1.02083-0.5875 1.4125-0.39167 0.39167-0.8625 0.5875-1.4125 0.5875l-10 0 0 0m10-15l-10 0 0 13 0 0 0 0 10 0 0 0 0 0 0-13 0 0m-8 11l2 0 0-9-2 0 0 9 0 0m4 0l2 0 0-9-2 0 0 9 0 0m-6-11l0 0 0 13 0 0 0 0 0 0 0 0 0 0 0-13 0 0",
"fill": "#909097ff",
"width": 16,
"height": 18
}
]
}
]
}
]
}
]
},
{
"type": "frame",
"id": "Dsmuw",
"name": "Row 3",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": {
"top": 1
},
"fill": "#45464d4d"
},
"padding": [
0,
24,
0,
0
],
"justifyContent": "center",
"alignItems": "center",
"layoutIncludeStroke": true,
"children": [
{
"type": "frame",
"id": "MaF4C",
"name": "Data",
"width": 80,
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"padding": [
34.5,
24
],
"children": [
{
"type": "rectangle",
"cornerRadius": 2,
"id": "D8txfj",
"name": "Input",
"fill": "#1f1f21ff",
"width": 20,
"height": 20,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "#45464dff"
}
}
]
},
{
"type": "frame",
"id": "Wf5gf",
"name": "Data",
"width": 160,
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"padding": [
34,
24,
35,
24
],
"children": [
{
"type": "text",
"id": "jbCFj",
"name": "Text",
"fill": "#bec6e0ff",
"content": "PRG-003",
"lineHeight": 1.4285714285714286,
"textAlignVertical": "middle",
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "600",
"letterSpacing": 0.699999988079071
}
]
},
{
"type": "frame",
"id": "yt2LQ",
"name": "Data",
"width": 342,
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"padding": [
0,
0,
0,
24
],
"children": [
{
"type": "frame",
"id": "lkCUn",
"name": "Container",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"padding": [
0,
0,
2,
0
],
"children": [
{
"type": "text",
"id": "WnJs1",
"name": "高精度多参数分析",
"fill": "#e4e2e4ff",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "高精度多参数分析",
"textAlignVertical": "middle",
"fontFamily": "WenQuanYi Zen Hei",
"fontSize": 16,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "cFhLp",
"name": "Container",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "text",
"id": "u09Ye",
"name": "多级洗脱与精确控温模式",
"fill": "#c6c6cdff",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "多级洗脱与精确控温模式",
"lineHeight": 1.3333333333333333,
"textAlignVertical": "middle",
"fontFamily": "WenQuanYi Zen Hei",
"fontSize": 12,
"fontWeight": "500"
}
]
}
]
},
{
"type": "frame",
"id": "yAPnY",
"name": "Data",
"width": 280,
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"padding": [
34.5,
24,
34.5,
48
],
"children": [
{
"type": "text",
"id": "y0hqQD",
"name": "Text",
"fill": "#c6c6cdff",
"content": "2023-11-05 16:45:10",
"textAlignVertical": "middle",
"fontFamily": "Inter",
"fontSize": 16,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "S7fZ4",
"name": "Data",
"width": 192,
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"padding": [
29.5,
24
],
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "XDvDO",
"name": "Overlay+Border",
"fill": "#10b9811a",
"cornerRadius": 12,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "#10b9814d"
},
"gap": 6,
"padding": [
6,
16
],
"alignItems": "center",
"layoutIncludeStroke": true,
"children": [
{
"type": "rectangle",
"cornerRadius": 12,
"id": "PWHHg",
"name": "Background",
"fill": "#10b981ff",
"width": 8,
"height": 8,
"stroke": {
"align": "inside",
"thickness": 1
}
},
{
"type": "text",
"id": "V5sljU",
"name": "Text",
"fill": "#10b981ff",
"content": "ACTIVE",
"lineHeight": 1.3333333333333333,
"textAlign": "center",
"textAlignVertical": "middle",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "700",
"letterSpacing": 1.2000000476837158
}
]
}
]
},
{
"type": "frame",
"id": "gDWG3",
"name": "Data",
"width": 136,
"stroke": {
"align": "inside",
"thickness": 1
},
"gap": 11.989999771118164,
"padding": [
0,
0,
0,
24
],
"justifyContent": "end",
"children": [
{
"type": "frame",
"id": "NUier",
"name": "Button",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"padding": 8,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "HdBxC",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"justifyContent": "center",
"children": [
{
"type": "path",
"id": "GZsIT",
"name": "Icon",
"geometry": "M2 16l1.425 0 9.775-9.775-1.425-1.425-9.775 9.775 0 1.425 0 0m-2 2l0-4.25 13.2-13.175c0.2-0.18333 0.42083-0.325 0.6625-0.425 0.24167-0.1 0.49583-0.15 0.7625-0.15 0.26667 0 0.525 0.05 0.775 0.15 0.25 0.1 0.46667 0.25 0.65 0.45l1.375 1.4c0.2 0.18333 0.34583 0.4 0.4375 0.65 0.09167 0.25 0.1375 0.5 0.1375 0.75 0 0.26667-0.04583 0.52083-0.1375 0.7625-0.09167 0.24167-0.2375 0.4625-0.4375 0.6625l-13.175 13.175-4.25 0 0 0m16-14.6l0 0-1.4-1.4 0 0 1.4 1.4 0 0m-3.525 2.125l-0.7-0.725 0 0 1.425 1.425 0 0-0.725-0.7 0 0",
"fill": "#909097ff",
"width": 18,
"height": 18
}
]
}
]
},
{
"type": "frame",
"id": "zLbGo",
"name": "Button",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"padding": 8,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "Kr8IB",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"justifyContent": "center",
"children": [
{
"type": "path",
"id": "vDHtr",
"name": "Icon",
"geometry": "M3 18c-0.55 0-1.02083-0.19583-1.4125-0.5875-0.39167-0.39167-0.5875-0.8625-0.5875-1.4125l0-13-1 0 0-2 5 0 0-1 6 0 0 1 5 0 0 2-1 0 0 13c0 0.55-0.19583 1.02083-0.5875 1.4125-0.39167 0.39167-0.8625 0.5875-1.4125 0.5875l-10 0 0 0m10-15l-10 0 0 13 0 0 0 0 10 0 0 0 0 0 0-13 0 0m-8 11l2 0 0-9-2 0 0 9 0 0m4 0l2 0 0-9-2 0 0 9 0 0m-6-11l0 0 0 13 0 0 0 0 0 0 0 0 0 0 0-13 0 0",
"fill": "#909097ff",
"width": 16,
"height": 18
}
]
}
]
}
]
}
]
},
{
"type": "frame",
"id": "Lq1Hd",
"name": "Row - More rows for desktop display",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": {
"top": 1
},
"fill": "#45464d4d"
},
"padding": [
0,
24,
0,
0
],
"justifyContent": "center",
"alignItems": "center",
"layoutIncludeStroke": true,
"children": [
{
"type": "frame",
"id": "OcvXJ",
"name": "Data",
"width": 80,
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"padding": [
34.5,
24,
34,
24
],
"children": [
{
"type": "rectangle",
"cornerRadius": 2,
"id": "NgVT9",
"name": "Input",
"fill": "#1f1f21ff",
"width": 20,
"height": 20,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "#45464dff"
}
}
]
},
{
"type": "frame",
"id": "xfewO",
"name": "Data",
"width": 160,
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"padding": [
34,
24,
34.5,
24
],
"children": [
{
"type": "text",
"id": "zJuEA",
"name": "Text",
"fill": "#bec6e0ff",
"content": "PRG-004",
"lineHeight": 1.4285714285714286,
"textAlignVertical": "middle",
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "600",
"letterSpacing": 0.699999988079071
}
]
},
{
"type": "frame",
"id": "oh8nc",
"name": "Data",
"width": 342,
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"padding": [
0,
0,
0,
24
],
"children": [
{
"type": "frame",
"id": "MvJWd",
"name": "Container",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"padding": [
0,
0,
2,
0
],
"children": [
{
"type": "text",
"id": "x7oMzK",
"name": "快速筛查模式-紧急",
"fill": "#e4e2e4ff",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "快速筛查模式-紧急",
"textAlignVertical": "middle",
"fontFamily": "WenQuanYi Zen Hei",
"fontSize": 16,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "f4yM0",
"name": "Container",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "text",
"id": "E71eW",
"name": "缩短反应时间，提高通量",
"fill": "#c6c6cdff",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "缩短反应时间，提高通量",
"lineHeight": 1.3333333333333333,
"textAlignVertical": "middle",
"fontFamily": "WenQuanYi Zen Hei",
"fontSize": 12,
"fontWeight": "500"
}
]
}
]
},
{
"type": "frame",
"id": "PVwC7",
"name": "Data",
"width": 280,
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"padding": [
34.5,
24,
34,
48
],
"children": [
{
"type": "text",
"id": "SDRZn",
"name": "Text",
"fill": "#c6c6cdff",
"content": "2023-11-08 11:30:00",
"textAlignVertical": "middle",
"fontFamily": "Inter",
"fontSize": 16,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "SLXjZ",
"name": "Data",
"width": 192,
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"padding": [
29.5,
24,
29,
24
],
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "X6dpVQ",
"name": "Overlay+Border",
"fill": "#45464d33",
"cornerRadius": 12,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "#45464d80"
},
"padding": [
6,
16
],
"justifyContent": "center",
"alignItems": "center",
"layoutIncludeStroke": true,
"children": [
{
"type": "text",
"id": "wL27M",
"name": "Text",
"fill": "#909097ff",
"content": "INACTIVE",
"lineHeight": 1.3333333333333333,
"textAlign": "center",
"textAlignVertical": "middle",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "700",
"letterSpacing": 1.2000000476837158
}
]
}
]
},
{
"type": "frame",
"id": "q734K",
"name": "Data",
"width": 136,
"stroke": {
"align": "inside",
"thickness": 1
},
"gap": 11.989999771118164,
"padding": [
0,
0,
0,
24
],
"justifyContent": "end",
"children": [
{
"type": "frame",
"id": "Hamdz",
"name": "Button",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"padding": 8,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "mCrNE",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"justifyContent": "center",
"children": [
{
"type": "path",
"id": "irDQk",
"name": "Icon",
"geometry": "M2 16l1.425 0 9.775-9.775-1.425-1.425-9.775 9.775 0 1.425 0 0m-2 2l0-4.25 13.2-13.175c0.2-0.18333 0.42083-0.325 0.6625-0.425 0.24167-0.1 0.49583-0.15 0.7625-0.15 0.26667 0 0.525 0.05 0.775 0.15 0.25 0.1 0.46667 0.25 0.65 0.45l1.375 1.4c0.2 0.18333 0.34583 0.4 0.4375 0.65 0.09167 0.25 0.1375 0.5 0.1375 0.75 0 0.26667-0.04583 0.52083-0.1375 0.7625-0.09167 0.24167-0.2375 0.4625-0.4375 0.6625l-13.175 13.175-4.25 0 0 0m16-14.6l0 0-1.4-1.4 0 0 1.4 1.4 0 0m-3.525 2.125l-0.7-0.725 0 0 1.425 1.425 0 0-0.725-0.7 0 0",
"fill": "#909097ff",
"width": 18,
"height": 18
}
]
}
]
},
{
"type": "frame",
"id": "JjkHB",
"name": "Button",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"padding": 8,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "bZG9n",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"justifyContent": "center",
"children": [
{
"type": "path",
"id": "zqYtP",
"name": "Icon",
"geometry": "M3 18c-0.55 0-1.02083-0.19583-1.4125-0.5875-0.39167-0.39167-0.5875-0.8625-0.5875-1.4125l0-13-1 0 0-2 5 0 0-1 6 0 0 1 5 0 0 2-1 0 0 13c0 0.55-0.19583 1.02083-0.5875 1.4125-0.39167 0.39167-0.8625 0.5875-1.4125 0.5875l-10 0 0 0m10-15l-10 0 0 13 0 0 0 0 10 0 0 0 0 0 0-13 0 0m-8 11l2 0 0-9-2 0 0 9 0 0m4 0l2 0 0-9-2 0 0 9 0 0m-6-11l0 0 0 13 0 0 0 0 0 0 0 0 0 0 0-13 0 0",
"fill": "#909097ff",
"width": 16,
"height": 18
}
]
}
]
}
]
}
]
}
]
}
]
}
]
},
{
"type": "frame",
"id": "RE4YG",
"name": "Footer Action Bar (Bulk Actions)",
"width": "fill_container",
"fill": "#1f1f21ff",
"stroke": {
"align": "inside",
"thickness": {
"top": 1
},
"fill": "#45464dff"
},
"gap": 631.97998046875,
"padding": 24,
"justifyContent": "space_between",
"alignItems": "center",
"layoutIncludeStroke": true,
"children": [
{
"type": "frame",
"id": "yo7OR",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "text",
"id": "qrsy3",
"name": "Text",
"fill": "#e4e2e4ff",
"content": "Selected: 0 items",
"lineHeight": 1.5,
"textAlignVertical": "middle",
"fontFamily": "Inter",
"fontSize": 16,
"fontWeight": "600"
}
]
},
{
"type": "frame",
"id": "K91sF",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"gap": 16,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "vllSx",
"name": "Button",
"cornerRadius": 8,
"stroke": {
"align": "inside",
"thickness": 1
},
"gap": 8,
"padding": [
10,
24
],
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "a27duJ",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"alignItems": "center",
"children": [
{
"type": "path",
"id": "ZRlbm",
"name": "Icon",
"geometry": "M6 16c-0.55 0-1.02083-0.19583-1.4125-0.5875-0.39167-0.39167-0.5875-0.8625-0.5875-1.4125l0-12c0-0.55 0.19583-1.02083 0.5875-1.4125 0.39167-0.39167 0.8625-0.5875 1.4125-0.5875l9 0c0.55 0 1.02083 0.19583 1.4125 0.5875 0.39167 0.39167 0.5875 0.8625 0.5875 1.4125l0 12c0 0.55-0.19583 1.02083-0.5875 1.4125-0.39167 0.39167-0.8625 0.5875-1.4125 0.5875l-9 0 0 0m0-2l9 0 0 0 0 0 0-12 0 0 0 0-9 0 0 0 0 0 0 12 0 0 0 0 0 0m-4 6c-0.55 0-1.02083-0.19583-1.4125-0.5875-0.39167-0.39167-0.5875-0.8625-0.5875-1.4125l0-14 2 0 0 14 0 0 0 0 11 0 0 2-11 0 0 0m4-6l0 0 0 0 0-12 0 0 0 0 0 0 0 0 0 0 0 12 0 0 0 0 0 0 0 0",
"fill": "#c6c6cdff",
"width": 17,
"height": 20
}
]
},
{
"type": "text",
"id": "oHnYZ",
"name": "Text",
"fill": "#c6c6cdff",
"content": "DUPLICATE",
"lineHeight": 1.3333333333333333,
"textAlign": "center",
"textAlignVertical": "middle",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "700",
"letterSpacing": 1.2000000476837158
}
]
},
{
"type": "frame",
"id": "XHhOI",
"name": "Button",
"opacity": 0.30000001192092896,
"fill": "#ef44441a",
"cornerRadius": 8,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "#ef44444d"
},
"gap": 8,
"padding": [
10,
32
],
"alignItems": "center",
"layoutIncludeStroke": true,
"children": [
{
"type": "rectangle",
"cornerRadius": 8,
"id": "G5otF",
"layoutPosition": "absolute",
"x": 0,
"y": 0,
"name": "Button:shadow",
"fill": "#ffffff01",
"width": 222.25,
"height": 38,
"stroke": {
"align": "inside",
"thickness": 1
},
"effect": [
{
"type": "shadow",
"shadowType": "outer",
"color": "#0000001a",
"offset": {
"x": 0,
"y": 4
},
"blur": 5.25,
"spread": -4
},
{
"type": "shadow",
"shadowType": "outer",
"color": "#0000001a",
"offset": {
"x": 0,
"y": 10
},
"blur": 13.125,
"spread": -3
}
]
},
{
"type": "frame",
"id": "WAhHb",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"alignItems": "center",
"children": [
{
"type": "path",
"id": "jhajy",
"name": "Icon",
"geometry": "M13 13.5l0-2 4 0 0 2-4 0 0 0m0-8l0-2 7 0 0 2-7 0 0 0m0 4l0-2 6 0 0 2-6 0 0 0m-12-6l-1 0 0-2 4 0 0-1.5 4 0 0 1.5 4 0 0 2-1 0 0 9c0 0.55-0.19583 1.02083-0.5875 1.4125-0.39167 0.39167-0.8625 0.5875-1.4125 0.5875l-6 0c-0.55 0-1.02083-0.19583-1.4125-0.5875-0.39167-0.39167-0.5875-0.8625-0.5875-1.4125l0-9 0 0m2 0l0 9 0 0 0 0 6 0 0 0 0 0 0-9-6 0 0 0m0 0l0 0 0 9 0 0 0 0 0 0 0 0 0 0 0-9 0 0",
"fill": "#ef4444ff",
"width": 20,
"height": 14.5
}
]
},
{
"type": "frame",
"id": "GiqXP",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "Q8dqCs",
"name": "Text",
"fill": "#ef4444ff",
"content": "DELETE SELECTED",
"lineHeight": 1.3333333333333333,
"textAlign": "center",
"textAlignVertical": "middle",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "700",
"letterSpacing": 1.2000000476837158
}
]
}
]
}
]
}
]
}
]
}
]
},
{
"type": "frame",
"id": "xe0T8",
"layoutPosition": "absolute",
"x": 0,
"y": 0,
"name": "Header - Top AppBar",
"width": 1280,
"height": 64,
"fill": "#131315ff",
"stroke": {
"align": "inside",
"thickness": {
"bottom": 1
},
"fill": "#45464dff"
},
"gap": 642.1699829101562,
"padding": [
0,
32
],
"justifyContent": "space_between",
"alignItems": "center",
"layoutIncludeStroke": true,
"children": [
{
"type": "frame",
"id": "h7u26",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"gap": 12,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "Y8Hurt",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "path",
"id": "vNLa5",
"name": "Icon",
"geometry": "M0.83333 15.42157l0-2.5 2.58334 0-2.125-6.95833c-0.375-0.20833-0.68403-0.51389-0.92709-0.91667-0.24306-0.40278-0.36458-0.83333-0.36458-1.29167 0-0.69444 0.24306-1.28472 0.72917-1.77083 0.48611-0.48611 1.07639-0.72917 1.77083-0.72917 0.54167 0 1.02431 0.15625 1.44792 0.46875 0.42361 0.3125 0.71875 0.71181 0.88541 1.19792l2.66667 0 0-0.83333c0-0.23611 0.07986-0.43403 0.23958-0.59375 0.15972-0.15972 0.35764-0.23958 0.59375-0.23959 0.125 0 0.24653 0.02778 0.36459 0.08334 0.11806 0.05556 0.21875 0.13889 0.30208 0.25l0 0 1.41667-1.33334c0.125-0.125 0.27431-0.20486 0.44791-0.23958 0.17361-0.03472 0.34375-0.01042 0.51042 0.07292l3.25 1.5c0.16667 0.08333 0.28125 0.20486 0.34375 0.36458 0.0625 0.15972 0.05903 0.31597-0.01042 0.46875-0.08333 0.16667-0.20486 0.27431-0.36458 0.32292-0.15972 0.04861-0.31597 0.03819-0.46875-0.03125l-3-1.375-1.95833 1.83333 0 1.16667 1.95833 1.79166 3-1.375c0.15278-0.06944 0.3125-0.07639 0.47917-0.02083 0.16667 0.05556 0.28472 0.15972 0.35416 0.3125 0.08333 0.16667 0.09028 0.32639 0.02084 0.47917-0.06944 0.15278-0.1875 0.27083-0.35417 0.35416l-3.25 1.54167c-0.16667 0.08333-0.33681 0.10764-0.51042 0.07292-0.17361-0.03472-0.32292-0.11458-0.44791-0.23959l-1.41667-1.33333 0 0c-0.08333 0.08333-0.18403 0.15972-0.30208 0.22917-0.11806 0.06944-0.23958 0.10417-0.36459 0.10416-0.23611 0-0.43403-0.07986-0.59375-0.23958-0.15972-0.15972-0.23958-0.35764-0.23958-0.59375l0-0.83333-2.66667 0c-0.04167 0.11111-0.08681 0.21528-0.13541 0.3125-0.04861 0.09722-0.11458 0.20139-0.19792 0.3125l4.16667 7.70833 3 0 0 2.5-10.83334 0 0 0m1.66667-10.83333c0.23611 0 0.43403-0.07986 0.59375-0.23959 0.15972-0.15972 0.23958-0.35764 0.23958-0.59375 0-0.23611-0.07986-0.43403-0.23958-0.59375-0.15972-0.15972-0.35764-0.23958-0.59375-0.23958-0.23611 0-0.43403 0.07986-0.59375 0.23958-0.15972 0.15972-0.23958 0.35764-0.23958 0.59375 0 0.23611 0.07986 0.43403 0.23958 0.59375 0.15972 0.15972 0.35764 0.23958 0.59375 0.23959l0 0m2.625 8.33333l1.625 0-3.58333-6.66667c0 0-0.01389 0-0.04167 0-0.02778 0-0.04167 0-0.04167 0l2.04167 6.66667 0 0m1.625 0l0 0 0 0 0 0 0 0 0 0 0 0",
"fill": "#bec6e0ff",
"width": 15.026515007019043,
"height": 15.421568870544434
}
]
},
{
"type": "frame",
"id": "D4z9IU",
"name": "Heading 1",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "text",
"id": "FH6SQ",
"name": "Text",
"fill": "#e4e2e4ff",
"content": "污水毒品前处理一体机",
"lineHeight": 1.4,
"textAlignVertical": "middle",
"fontFamily": "WenQuanYi Zen Hei",
"fontSize": 20,
"fontWeight": "500"
}
]
}
]
},
{
"type": "frame",
"id": "Yh7mA",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"gap": 24,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "oAYYb",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"gap": 16,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "CzOfd",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"gap": 4,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "MtS4X",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "path",
"id": "yINnu",
"name": "Icon",
"geometry": "M5.83333 11.66667c-0.80694 0-1.56528-0.15313-2.275-0.45938-0.70972-0.30625-1.32708-0.72188-1.85208-1.24687-0.525-0.525-0.94063-1.14236-1.24688-1.85209-0.30625-0.70972-0.45937-1.46806-0.45937-2.275 0-0.80694 0.15312-1.56528 0.45937-2.275 0.30625-0.70972 0.72188-1.32708 1.24688-1.85208 0.525-0.525 1.14236-0.94063 1.85208-1.24688 0.70972-0.30625 1.46806-0.45937 2.275-0.45937 0.80694 0 1.56528 0.15312 2.275 0.45937 0.70972 0.30625 1.32708 0.72188 1.85209 1.24688 0.525 0.525 0.94063 1.14236 1.24687 1.85208 0.30625 0.70972 0.45937 1.46806 0.45938 2.275 0 0.80694-0.15313 1.56528-0.45938 2.275-0.30625 0.70972-0.72188 1.32708-1.24687 1.85209-0.525 0.525-1.14236 0.94063-1.85209 1.24687-0.70972 0.30625-1.46806 0.45937-2.275 0.45938l0 0m0-1.16667c1.30278 0 2.40625-0.45208 3.31042-1.35625 0.90417-0.90417 1.35625-2.00764 1.35625-3.31042 0-1.30278-0.45208-2.40625-1.35625-3.31041-0.90417-0.90417-2.00764-1.35625-3.31042-1.35625-1.30278 0-2.40625 0.45208-3.31041 1.35625-0.90417 0.90417-1.35625 2.00764-1.35625 3.31041 0 1.30278 0.45208 2.40625 1.35625 3.31042 0.90417 0.90417 2.00764 1.35625 3.31041 1.35625l0 0m0-4.66667l0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0",
"fill": "#10b981ff",
"width": 11.666666984558105,
"height": 11.666666984558105
}
]
},
{
"type": "text",
"id": "w3RlV",
"name": "Text",
"fill": "#c6c6cdff",
"content": "系统就绪",
"lineHeight": 1.5,
"textAlignVertical": "middle",
"fontFamily": "WenQuanYi Zen Hei",
"fontSize": 16,
"fontWeight": "500"
}
]
},
{
"type": "rectangle",
"id": "LvQed",
"name": "Vertical Divider",
"fill": "#45464dff",
"width": 1,
"height": 16,
"stroke": {
"align": "inside",
"thickness": 1
}
},
{
"type": "frame",
"id": "B7mdz",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "text",
"id": "PcsCB",
"name": "Text",
"fill": "#c6c6cdff",
"content": "2023年11月10日 10:30",
"lineHeight": 1.5,
"textAlignVertical": "middle",
"fontFamily": "Inter",
"fontSize": 16,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "olsdK",
"name": "Button",
"cornerRadius": 12,
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"padding": 8,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "path",
"id": "smEYc",
"name": "Icon",
"geometry": "M11 14c0.83333 0 1.54167-0.29167 2.125-0.875 0.58333-0.58333 0.875-1.29167 0.875-2.125 0-0.83333-0.29167-1.54167-0.875-2.125-0.58333-0.58333-1.29167-0.875-2.125-0.875-0.83333 0-1.54167 0.29167-2.125 0.875-0.58333 0.58333-0.875 1.29167-0.875 2.125 0 0.83333 0.29167 1.54167 0.875 2.125 0.58333 0.58333 1.29167 0.875 2.125 0.875l0 0m0 2c-1.38333 0-2.5625-0.4875-3.5375-1.4625-0.975-0.975-1.4625-2.15417-1.4625-3.5375 0-1.38333 0.4875-2.5625 1.4625-3.5375 0.975-0.975 2.15417-1.4625 3.5375-1.4625 1.38333 0 2.5625 0.4875 3.5375 1.4625 0.975 0.975 1.4625 2.15417 1.4625 3.5375 0 1.38333-0.4875 2.5625-1.4625 3.5375-0.975 0.975-2.15417 1.4625-3.5375 1.4625l0 0m-7-4l-4 0 0-2 4 0 0 2 0 0m18 0l-4 0 0-2 4 0 0 2 0 0m-12-8l0-4 2 0 0 4-2 0 0 0m0 18l0-4 2 0 0 4-2 0 0 0m-4.6-15.25l-2.525-2.425 1.425-1.475 2.4 2.5-1.3 1.4 0 0m12.3 12.4l-2.425-2.525 1.325-1.375 2.525 2.425-1.425 1.475 0 0m-2.45-13.75l2.425-2.525 1.475 1.425-2.5 2.4-1.4-1.3 0 0m-12.4 12.3l2.525-2.425 1.375 1.325-2.425 2.525-1.475-1.425 0 0m8.15-6.7l0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0",
"fill": "#c6c6cdff",
"width": 22,
"height": 22
}
]
}
]
}
]
},
{
"type": "frame",
"id": "V1MPKR",
"layoutPosition": "absolute",
"x": 0,
"y": 935,
"name": "Bottom Navigation Bar (Control Shell)",
"width": 1280,
"fill": "#1b1b1dff",
"stroke": {
"align": "inside",
"thickness": {
"top": 1
},
"fill": "#45464dff"
},
"padding": [
12,
32
],
"justifyContent": "center",
"alignItems": "center",
"layoutIncludeStroke": true,
"children": [
{
"type": "rectangle",
"id": "ESEjA",
"layoutPosition": "absolute",
"x": 0,
"y": 0,
"name": "Bottom Navigation Bar (Control Shell):shadow",
"fill": "#ffffff01",
"width": 1280,
"height": 89,
"stroke": {
"align": "inside",
"thickness": 1
},
"effect": {
"type": "shadow",
"shadowType": "outer",
"color": "#00000040",
"offset": {
"x": 0,
"y": 25
},
"blur": 43.75,
"spread": -12
}
},
{
"type": "frame",
"id": "t8rsN",
"name": "Container",
"width": 896,
"stroke": {
"align": "inside",
"thickness": 1
},
"gap": 41,
"padding": [
0,
4.5
],
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "HKxGi",
"name": "Button",
"width": 96,
"cornerRadius": 8,
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"padding": [
8,
0
],
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "pUx6f",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"alignItems": "center",
"children": [
{
"type": "path",
"id": "M52oqw",
"name": "Icon",
"geometry": "M0 14l0-14 11 7-11 7 0 0m2-7l0 0 0 0 0 0 0 0m0 3.35l5.25-3.35-5.25-3.35 0 6.7 0 0",
"fill": "#909097ff",
"width": 11,
"height": 14
}
]
},
{
"type": "frame",
"id": "BIldR",
"name": "Margin",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"padding": [
4,
0,
0,
0
],
"children": [
{
"type": "frame",
"id": "D2wyh",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "LUsXq",
"name": "Text",
"fill": "#909097ff",
"content": "START",
"lineHeight": 1.3333333333333333,
"textAlign": "center",
"textAlignVertical": "middle",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "700",
"letterSpacing": 1.2000000476837158
}
]
}
]
}
]
},
{
"type": "frame",
"id": "R9Z6a",
"name": "Button",
"width": 96,
"cornerRadius": 8,
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"padding": [
8,
0
],
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "YGwqA",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"alignItems": "center",
"children": [
{
"type": "path",
"id": "KwU06",
"name": "Icon",
"geometry": "M8 14l0-14 6 0 0 14-6 0 0 0m-8 0l0-14 6 0 0 14-6 0 0 0m10-2l2 0 0-10-2 0 0 10 0 0m-8 0l2 0 0-10-2 0 0 10 0 0m0-10l0 0 0 10 0 0 0-10 0 0m8 0l0 0 0 10 0 0 0-10 0 0",
"fill": "#909097ff",
"width": 14,
"height": 14
}
]
},
{
"type": "frame",
"id": "ysHpF",
"name": "Margin",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"padding": [
4,
0,
0,
0
],
"children": [
{
"type": "frame",
"id": "trrh5",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "GqiuQ",
"name": "Text",
"fill": "#909097ff",
"content": "PAUSE",
"lineHeight": 1.3333333333333333,
"textAlign": "center",
"textAlignVertical": "middle",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "700",
"letterSpacing": 1.2000000476837158
}
]
}
]
}
]
},
{
"type": "frame",
"id": "MXBxq",
"name": "Button",
"width": 96,
"cornerRadius": 8,
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"padding": [
8,
0
],
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "Z7E1GP",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"alignItems": "center",
"children": [
{
"type": "path",
"id": "NEsGO",
"name": "Icon",
"geometry": "M2 2l0 0 0 8 0 0 0-8 0 0m-2 10l0-12 12 0 0 12-12 0 0 0m2-2l8 0 0-8-8 0 0 8 0 0",
"fill": "#909097ff",
"width": 12,
"height": 12
}
]
},
{
"type": "frame",
"id": "GJQeg",
"name": "Margin",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"padding": [
4,
0,
0,
0
],
"children": [
{
"type": "frame",
"id": "jFZ8u",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "gr1jS",
"name": "Text",
"fill": "#909097ff",
"content": "STOP",
"lineHeight": 1.3333333333333333,
"textAlign": "center",
"textAlignVertical": "middle",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "700",
"letterSpacing": 1.2000000476837158
}
]
}
]
}
]
},
{
"type": "frame",
"id": "TsOLh",
"name": "Margin",
"width": 33,
"height": 48,
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"padding": [
0,
16
],
"children": [
{
"type": "rectangle",
"id": "M4OvO",
"name": "Vertical Divider",
"fill": "#45464dff",
"width": 1,
"height": 48,
"stroke": {
"align": "inside",
"thickness": 1
}
}
]
},
{
"type": "frame",
"id": "aPIgi",
"name": "Button",
"width": 96,
"cornerRadius": 8,
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"padding": [
8,
0
],
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "ap6nH",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"alignItems": "center",
"children": [
{
"type": "path",
"id": "BhWyt",
"name": "Icon",
"geometry": "M10 6l0-6 8 0 0 6-8 0 0 0m-10 4l0-10 8 0 0 10-8 0 0 0m10 8l0-10 8 0 0 10-8 0 0 0m-10 0l0-6 8 0 0 6-8 0 0 0m2-10l4 0 0-6-4 0 0 6 0 0m10 8l4 0 0-6-4 0 0 6 0 0m0-12l4 0 0-2-4 0 0 2 0 0m-10 12l4 0 0-2-4 0 0 2 0 0m4-8l0 0 0 0 0 0 0 0 0 0m6-4l0 0 0 0 0 0 0 0 0 0m0 6l0 0 0 0 0 0 0 0 0 0m-6 4l0 0 0 0 0 0 0 0 0 0",
"fill": "#909097ff",
"width": 18,
"height": 18
}
]
},
{
"type": "frame",
"id": "t8WMh",
"name": "Margin",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"padding": [
4,
0,
0,
0
],
"children": [
{
"type": "frame",
"id": "SRaQw",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "loduu",
"name": "Text",
"fill": "#909097ff",
"content": "DASHBOARD",
"lineHeight": 1.3333333333333333,
"textAlign": "center",
"textAlignVertical": "middle",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "700",
"letterSpacing": 1.2000000476837158
}
]
}
]
}
]
},
{
"type": "frame",
"id": "g1nTIY",
"name": "Button",
"width": 128,
"fill": "#0566d9ff",
"cornerRadius": 8,
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"padding": [
12,
0
],
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "rectangle",
"cornerRadius": 8,
"id": "SjC9V",
"layoutPosition": "absolute",
"x": 0,
"y": 0,
"name": "Button:shadow",
"fill": "#ffffff01",
"width": 128,
"height": 64,
"stroke": {
"align": "inside",
"thickness": 1
},
"effect": [
{
"type": "shadow",
"shadowType": "outer",
"color": "#0000001a",
"offset": {
"x": 0,
"y": 8
},
"blur": 8.75,
"spread": -6
},
{
"type": "shadow",
"shadowType": "outer",
"color": "#0000001a",
"offset": {
"x": 0,
"y": 20
},
"blur": 21.875,
"spread": -5
}
]
},
{
"type": "frame",
"id": "tvlUB",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"alignItems": "center",
"children": [
{
"type": "path",
"id": "Iw73a",
"name": "Icon",
"geometry": "M7.3 20l-0.4-3.2c-0.21667-0.08333-0.42083-0.18333-0.6125-0.3-0.19167-0.11667-0.37917-0.24167-0.5625-0.375l-2.975 1.25-2.75-4.75 2.575-1.95c-0.01667-0.11667-0.025-0.22917-0.025-0.3375 0-0.10833 0-0.22083 0-0.3375 0-0.11667 0-0.22917 0-0.3375 0-0.10833 0.00833-0.22083 0.025-0.3375l-2.575-1.95 2.75-4.75 2.975 1.25c0.18333-0.13333 0.375-0.25833 0.575-0.375 0.2-0.11667 0.4-0.21667 0.6-0.3l0.4-3.2 5.5 0 0.4 3.2c0.21667 0.08333 0.42083 0.18333 0.6125 0.3 0.19167 0.11667 0.37917 0.24167 0.5625 0.375l2.975-1.25 2.75 4.75-2.575 1.95c0.01667 0.11667 0.025 0.22917 0.025 0.3375 0 0.10833 0 0.22083 0 0.3375 0 0.11667 0 0.22917 0 0.3375 0 0.10833-0.01667 0.22083-0.05 0.3375l2.575 1.95-2.75 4.75-2.95-1.25c-0.18333 0.13333-0.375 0.25833-0.575 0.375-0.2 0.11667-0.4 0.21666-0.6 0.3l-0.4 3.2-5.5 0 0 0m1.75-2l1.975 0 0.35-2.65c0.51667-0.13333 0.99583-0.32917 1.4375-0.5875 0.44167-0.25833 0.84583-0.57083 1.2125-0.9375l2.475 1.025 0.975-1.7-2.15-1.625c0.08333-0.23333 0.14167-0.47917 0.175-0.7375 0.03333-0.25833 0.05-0.52083 0.05-0.7875 0-0.26667-0.01667-0.52917-0.05-0.7875-0.03333-0.25833-0.09167-0.50417-0.175-0.7375l2.15-1.625-0.975-1.7-2.475 1.05c-0.36667-0.38333-0.77083-0.70417-1.2125-0.9625-0.44167-0.25833-0.92083-0.45417-1.4375-0.5875l-0.325-2.65-1.975 0-0.35 2.65c-0.51667 0.13333-0.99583 0.32917-1.4375 0.5875-0.44167 0.25833-0.84583 0.57083-1.2125 0.9375l-2.475-1.025-0.975 1.7 2.15 1.6c-0.08333 0.25-0.14167 0.5-0.175 0.75-0.03333 0.25-0.05 0.51667-0.05 0.8 0 0.26667 0.01667 0.525 0.05 0.775 0.03333 0.25 0.09167 0.5 0.175 0.75l-2.15 1.625 0.975 1.7 2.475-1.05c0.36667 0.38333 0.77083 0.70417 1.2125 0.9625 0.44167 0.25833 0.92083 0.45417 1.4375 0.5875l0.325 2.65 0 0m1.05-4.5c0.96667 0 1.79167-0.34167 2.475-1.025 0.68333-0.68333 1.025-1.50833 1.025-2.475 0-0.96667-0.34167-1.79167-1.025-2.475-0.68333-0.68333-1.50833-1.025-2.475-1.025-0.98333 0-1.8125 0.34167-2.4875 1.025-0.675 0.68333-1.0125 1.50833-1.0125 2.475 0 0.96667 0.3375 1.79167 1.0125 2.475 0.675 0.68333 1.50417 1.025 2.4875 1.025l0 0m-0.05-3.5l0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0",
"fill": "#e6ecffff",
"width": 20.100000381469727,
"height": 20
}
]
},
{
"type": "frame",
"id": "EUUo7",
"name": "Margin",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"padding": [
4,
0,
0,
0
],
"children": [
{
"type": "frame",
"id": "nUOd9",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "o14OHc",
"name": "Text",
"fill": "#e6ecffff",
"content": "PROGRAMS",
"lineHeight": 1.3333333333333333,
"textAlign": "center",
"textAlignVertical": "middle",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "700",
"letterSpacing": 1.2000000476837158
}
]
}
]
}
]
},
{
"type": "frame",
"id": "WVmgK",
"name": "Button",
"width": 96,
"cornerRadius": 8,
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"padding": [
8,
0
],
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "GOfQZ",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"alignItems": "center",
"children": [
{
"type": "path",
"id": "ACmBa",
"name": "Icon",
"geometry": "M4 14l2 0 0-5-2 0 0 5 0 0m8 0l2 0 0-10-2 0 0 10 0 0m-4 0l2 0 0-3-2 0 0 3 0 0m0-5l2 0 0-2-2 0 0 2 0 0m-6 9c-0.55 0-1.02083-0.19583-1.4125-0.5875-0.39167-0.39167-0.5875-0.8625-0.5875-1.4125l0-14c0-0.55 0.19583-1.02083 0.5875-1.4125 0.39167-0.39167 0.8625-0.5875 1.4125-0.5875l14 0c0.55 0 1.02083 0.19583 1.4125 0.5875 0.39167 0.39167 0.5875 0.8625 0.5875 1.4125l0 14c0 0.55-0.19583 1.02083-0.5875 1.4125-0.39167 0.39167-0.8625 0.5875-1.4125 0.5875l-14 0 0 0m0-2l14 0 0 0 0 0 0-14 0 0 0 0-14 0 0 0 0 0 0 14 0 0 0 0 0 0m0-14l0 0 0 0 0 0 0 14 0 0 0 0 0 0 0 0 0 0 0-14 0 0 0 0 0 0",
"fill": "#909097ff",
"width": 18,
"height": 18
}
]
},
{
"type": "frame",
"id": "ZTti4",
"name": "Margin",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"padding": [
4,
0,
0,
0
],
"children": [
{
"type": "frame",
"id": "VAVvF",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "lKHBm",
"name": "Text",
"fill": "#909097ff",
"content": "LOGS",
"lineHeight": 1.3333333333333333,
"textAlign": "center",
"textAlignVertical": "middle",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "700",
"letterSpacing": 1.2000000476837158
}
]
}
]
}
]
}
]
}
]
}
]
},
{
"type": "frame",
"id": "EdeJk",
"x": 2724,
"y": 100,
"name": "程序详情配置 - 桌面端",
"width": 1280,
"height": 1080,
"fill": [
"#ffffffff",
"#131315ff"
],
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "frame",
"id": "U2I2a",
"name": "Header - Top Navigation",
"width": "fill_container",
"height": 64,
"fill": "#131315ff",
"stroke": {
"align": "inside",
"thickness": {
"bottom": 1
},
"fill": "#45464dff"
},
"gap": 627.52001953125,
"padding": [
0,
24
],
"justifyContent": "space_between",
"alignItems": "center",
"layoutIncludeStroke": true,
"children": [
{
"type": "frame",
"id": "o2khEj",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"gap": 16,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "loqar",
"name": "Button",
"width": 40,
"height": 40,
"cornerRadius": 4,
"stroke": {
"align": "inside",
"thickness": 1
},
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "rL4yZ",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"alignItems": "center",
"children": [
{
"type": "path",
"id": "SQums",
"name": "Icon",
"geometry": "M3.825 9l5.6 5.6-1.425 1.4-8-8 8-8 1.425 1.4-5.6 5.6 12.175 0 0 2-12.175 0 0 0",
"fill": "#e4e2e4ff",
"width": 16,
"height": 16
}
]
}
]
},
{
"type": "frame",
"id": "V7id0D",
"name": "Heading 1",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "text",
"id": "Vsslo",
"name": "Text",
"fill": "#e4e2e4ff",
"content": "程序详情配置: 海洛因快速检测",
"lineHeight": 1.4,
"textAlignVertical": "middle",
"fontFamily": "WenQuanYi Zen Hei",
"fontSize": 20,
"fontWeight": "500"
}
]
}
]
},
{
"type": "frame",
"id": "xme5V",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"gap": 12,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "cGMZe",
"name": "Margin",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"padding": [
0,
16,
0,
0
],
"children": [
{
"type": "text",
"id": "nyauC",
"name": "Text",
"fill": "#909097ff",
"content": "DRAFT MODE",
"lineHeight": 1.3333333333333333,
"textAlignVertical": "middle",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "700",
"letterSpacing": 1.2000000476837158
}
]
},
{
"type": "frame",
"id": "RBQHD",
"name": "Button",
"height": 40,
"fill": "#0566d9ff",
"cornerRadius": 4,
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"padding": [
11.5,
24,
12.5,
24
],
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "VzSjH",
"name": "Text",
"fill": "#e6ecffff",
"content": "SAVE CHANGES",
"lineHeight": 1.3333333333333333,
"textAlign": "center",
"textAlignVertical": "middle",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "700",
"letterSpacing": 1.2000000476837158
}
]
}
]
}
]
},
{
"type": "frame",
"id": "Ktusd",
"name": "Main Content Area",
"clip": true,
"width": "fill_container",
"height": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"gap": 24,
"padding": 24,
"children": [
{
"type": "frame",
"id": "lD4Oe",
"name": "Top: Program Summary Stats",
"width": "fill_container",
"height": 90,
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "none",
"children": [
{
"type": "frame",
"id": "HvwAh",
"x": 0,
"y": 0,
"name": "Overlay+Border+OverlayBlur",
"width": 290,
"height": 90,
"fill": "#1e293b66",
"cornerRadius": 8,
"stroke": {
"align": "inside",
"thickness": {
"top": 1,
"right": 1,
"bottom": 1,
"left": 4
},
"fill": "#bec6e0ff"
},
"effect": {
"type": "background_blur",
"radius": 10.5
},
"gap": 16,
"padding": 20,
"alignItems": "center",
"layoutIncludeStroke": true,
"children": [
{
"type": "frame",
"id": "YOydQ",
"name": "Overlay",
"fill": "#bec6e01a",
"cornerRadius": 4,
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"padding": 12,
"children": [
{
"type": "path",
"id": "zFvZl",
"name": "Icon",
"geometry": "M0 20l0-1.5 2.5 0 0-0.75-1.5 0 0-1.5 1.5 0 0-0.75-2.5 0 0-1.5 3 0c0.28333 0 0.52083 0.09583 0.7125 0.2875 0.19167 0.19167 0.2875 0.42917 0.2875 0.7125l0 1c0 0.28333-0.09583 0.52083-0.2875 0.7125-0.19167 0.19167-0.42917 0.2875-0.7125 0.2875 0.28333 0 0.52083 0.09583 0.7125 0.2875 0.19167 0.19167 0.2875 0.42917 0.2875 0.7125l0 1c0 0.28333-0.09583 0.52083-0.2875 0.7125-0.19167 0.19167-0.42917 0.2875-0.7125 0.2875l-3 0 0 0m0-7l0-2.75c0-0.28333 0.09583-0.52083 0.2875-0.7125 0.19167-0.19167 0.42917-0.2875 0.7125-0.2875l1.5 0 0-0.75-2.5 0 0-1.5 3 0c0.28333 0 0.52083 0.09583 0.7125 0.2875 0.19167 0.19167 0.2875 0.42917 0.2875 0.7125l0 1.75c0 0.28333-0.09583 0.52083-0.2875 0.7125-0.19167 0.19167-0.42917 0.2875-0.7125 0.2875l-1.5 0 0 0.75 2.5 0 0 1.5-4 0 0 0m1.5-7l0-4.5-1.5 0 0-1.5 3 0 0 6-1.5 0 0 0m4.5 11l0-2 12 0 0 2-12 0 0 0m0-6l0-2 12 0 0 2-12 0 0 0m0-6l0-2 12 0 0 2-12 0 0 0",
"fill": "#bec6e0ff",
"width": 18,
"height": 20
}
]
},
{
"type": "frame",
"id": "uv2Ho",
"name": "Paragraph",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"gap": 3.5,
"children": [
{
"type": "text",
"id": "NhFBJ",
"name": "Text",
"fill": "#909097ff",
"content": "TOTAL STEPS",
"lineHeight": 1.5,
"textAlignVertical": "middle",
"fontFamily": "Inter",
"fontSize": 10,
"fontWeight": "normal"
},
{
"type": "text",
"id": "fn2nQ",
"name": "Text",
"fill": "#e4e2e4ff",
"content": "04",
"lineHeight": 1,
"textAlignVertical": "middle",
"fontFamily": "Inter",
"fontSize": 24,
"fontWeight": "600"
}
]
}
]
},
{
"type": "frame",
"id": "tLfIJ",
"x": 314,
"y": 0,
"name": "Overlay+Border+OverlayBlur",
"width": 290,
"height": 90,
"fill": "#1e293b66",
"cornerRadius": 8,
"stroke": {
"align": "inside",
"thickness": {
"top": 1,
"right": 1,
"bottom": 1,
"left": 4
},
"fill": "#bec6e0ff"
},
"effect": {
"type": "background_blur",
"radius": 10.5
},
"gap": 16,
"padding": 20,
"alignItems": "center",
"layoutIncludeStroke": true,
"children": [
{
"type": "frame",
"id": "Upvta",
"name": "Overlay",
"fill": "#bec6e01a",
"cornerRadius": 4,
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"padding": 12,
"children": [
{
"type": "path",
"id": "uzT46",
"name": "Icon",
"geometry": "M13.3 14.7l1.4-1.4-3.7-3.7 0-4.6-2 0 0 5.4 4.3 4.3 0 0m-3.3 5.3c-1.38333 0-2.68333-0.2625-3.9-0.7875-1.21667-0.525-2.275-1.2375-3.175-2.1375-0.9-0.9-1.6125-1.95833-2.1375-3.175-0.525-1.21667-0.7875-2.51667-0.7875-3.9 0-1.38333 0.2625-2.68333 0.7875-3.9 0.525-1.21667 1.2375-2.275 2.1375-3.175 0.9-0.9 1.95833-1.6125 3.175-2.1375 1.21667-0.525 2.51667-0.7875 3.9-0.7875 1.38333 0 2.68333 0.2625 3.9 0.7875 1.21667 0.525 2.275 1.2375 3.175 2.1375 0.9 0.9 1.6125 1.95833 2.1375 3.175 0.525 1.21667 0.7875 2.51667 0.7875 3.9 0 1.38333-0.2625 2.68333-0.7875 3.9-0.525 1.21667-1.2375 2.275-2.1375 3.175-0.9 0.9-1.95833 1.6125-3.175 2.1375-1.21667 0.525-2.51667 0.7875-3.9 0.7875l0 0m0-10l0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0m0 8c2.21667 0 4.10417-0.77917 5.6625-2.3375 1.55833-1.55833 2.3375-3.44583 2.3375-5.6625 0-2.21667-0.77917-4.10417-2.3375-5.6625-1.55833-1.55833-3.44583-2.3375-5.6625-2.3375-2.21667 0-4.10417 0.77917-5.6625 2.3375-1.55833 1.55833-2.3375 3.44583-2.3375 5.6625 0 2.21667 0.77917 4.10417 2.3375 5.6625 1.55833 1.55833 3.44583 2.3375 5.6625 2.3375l0 0",
"fill": "#bec6e0ff",
"width": 20,
"height": 20
}
]
},
{
"type": "frame",
"id": "GclXH",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"gap": 3.5,
"children": [
{
"type": "frame",
"id": "yoVPr",
"name": "Container",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "text",
"id": "owYN1",
"name": "Text",
"fill": "#909097ff",
"content": "EST. TIME",
"lineHeight": 1.5,
"textAlignVertical": "middle",
"fontFamily": "Inter",
"fontSize": 10,
"fontWeight": "normal"
}
]
},
{
"type": "text",
"id": "M5bR4",
"name": "Text",
"fill": "#e4e2e4ff",
"content": "12min 30s",
"lineHeight": 1,
"textAlignVertical": "middle",
"fontFamily": "Inter",
"fontSize": 24,
"fontWeight": "600"
}
]
}
]
},
{
"type": "frame",
"id": "UHwfj",
"x": 628,
"y": 0,
"name": "Overlay+Border+OverlayBlur",
"width": 290,
"height": 90,
"fill": "#1e293b66",
"cornerRadius": 8,
"stroke": {
"align": "inside",
"thickness": {
"top": 1,
"right": 1,
"bottom": 1,
"left": 4
},
"fill": "#bec6e0ff"
},
"effect": {
"type": "background_blur",
"radius": 10.5
},
"gap": 16,
"padding": 20,
"alignItems": "center",
"layoutIncludeStroke": true,
"children": [
{
"type": "frame",
"id": "CLYmn",
"name": "Overlay",
"fill": "#bec6e01a",
"cornerRadius": 4,
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"padding": 12,
"children": [
{
"type": "path",
"id": "ZlSp2",
"name": "Icon",
"geometry": "M8 19c-2.21667 0-4.10417-0.76667-5.6625-2.3-1.55833-1.53333-2.3375-3.4-2.3375-5.6 0-1.08333 0.20833-2.09583 0.625-3.0375 0.41667-0.94167 0.99167-1.77917 1.725-2.5125l5.65-5.55 5.65 5.55c0.73333 0.73333 1.30833 1.57083 1.725 2.5125 0.41667 0.94167 0.625 1.95417 0.625 3.0375 0 2.2-0.77917 4.06667-2.3375 5.6-1.55833 1.53333-3.44583 2.3-5.6625 2.3l0 0m-5.95-7l11.85 0c0.2-1.2 0.0875-2.225-0.3375-3.075-0.425-0.85-0.8625-1.49167-1.3125-1.925l-4.25-4.2-4.25 4.2c-0.45 0.43333-0.89167 1.075-1.325 1.925-0.43333 0.85-0.55833 1.875-0.375 3.075l0 0",
"fill": "#bec6e0ff",
"width": 16,
"height": 19
}
]
},
{
"type": "frame",
"id": "zfDyH",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"gap": 3.5,
"children": [
{
"type": "frame",
"id": "Xphr7",
"name": "Container",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "text",
"id": "TDIzU",
"name": "Text",
"fill": "#909097ff",
"content": "REAGENT VOL.",
"lineHeight": 1.5,
"textAlignVertical": "middle",
"fontFamily": "Inter",
"fontSize": 10,
"fontWeight": "normal"
}
]
},
{
"type": "text",
"id": "PdqFH",
"name": "Text",
"fill": "#e4e2e4ff",
"content": "850uL",
"lineHeight": 1,
"textAlignVertical": "middle",
"fontFamily": "Inter",
"fontSize": 24,
"fontWeight": "600"
}
]
}
]
},
{
"type": "frame",
"id": "MCjQ2",
"x": 942,
"y": 0,
"name": "Overlay+Border+OverlayBlur",
"width": 290,
"height": 90,
"fill": "#1e293b66",
"cornerRadius": 8,
"stroke": {
"align": "inside",
"thickness": {
"top": 1,
"right": 1,
"bottom": 1,
"left": 4
},
"fill": "#10b981ff"
},
"effect": {
"type": "background_blur",
"radius": 10.5
},
"gap": 16,
"padding": 20,
"alignItems": "center",
"layoutIncludeStroke": true,
"children": [
{
"type": "frame",
"id": "pPDdp",
"name": "Overlay",
"fill": "#10b9811a",
"cornerRadius": 4,
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"padding": 12,
"children": [
{
"type": "path",
"id": "lM8Pe",
"name": "Icon",
"geometry": "M10 20c-1.38333 0-2.68333-0.2625-3.9-0.7875-1.21667-0.525-2.275-1.2375-3.175-2.1375-0.9-0.9-1.6125-1.95833-2.1375-3.175-0.525-1.21667-0.7875-2.51667-0.7875-3.9 0-0.71667 0.075-1.42083 0.225-2.1125 0.15-0.69167 0.36667-1.3625 0.65-2.0125l1.55 1.55c-0.13333 0.43333-0.2375 0.8625-0.3125 1.2875-0.075 0.425-0.1125 0.85417-0.1125 1.2875 0 2.23333 0.775 4.125 2.325 5.675 1.55 1.55 3.44167 2.325 5.675 2.325 2.23333 0 4.125-0.775 5.675-2.325 1.55-1.55 2.325-3.44167 2.325-5.675 0-2.23333-0.775-4.125-2.325-5.675-1.55-1.55-3.44167-2.325-5.675-2.325-0.45 0-0.8875 0.0375-1.3125 0.1125-0.425 0.075-0.84583 0.17917-1.2625 0.3125l-1.525-1.525c0.66667-0.3 1.33333-0.525 2-0.675 0.66667-0.15 1.36667-0.225 2.1-0.225 1.38333 0 2.68333 0.2625 3.9 0.7875 1.21667 0.525 2.275 1.2375 3.175 2.1375 0.9 0.9 1.6125 1.95833 2.1375 3.175 0.525 1.21667 0.7875 2.51667 0.7875 3.9 0 1.38333-0.2625 2.68333-0.7875 3.9-0.525 1.21667-1.2375 2.275-2.1375 3.175-0.9 0.9-1.95833 1.6125-3.175 2.1375-1.21667 0.525-2.51667 0.7875-3.9 0.7875l0 0m-6.5-15c-0.41667 0-0.77083-0.14583-1.0625-0.4375-0.29167-0.29167-0.4375-0.64583-0.4375-1.0625 0-0.41667 0.14583-0.77083 0.4375-1.0625 0.29167-0.29167 0.64583-0.4375 1.0625-0.4375 0.41667 0 0.77083 0.14583 1.0625 0.4375 0.29167 0.29167 0.4375 0.64583 0.4375 1.0625 0 0.41667-0.14583 0.77083-0.4375 1.0625-0.29167 0.29167-0.64583 0.4375-1.0625 0.4375l0 0m6.5 5l0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0",
"fill": "#10b981ff",
"width": 20,
"height": 20
}
]
},
{
"type": "frame",
"id": "tAR3g",
"name": "Container",
"width": "fit_content(96.41000366210938)",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"gap": 4,
"children": [
{
"type": "frame",
"id": "QeOm8",
"name": "Container",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "text",
"id": "Q3sDG",
"name": "Text",
"fill": "#909097ff",
"content": "STATUS",
"lineHeight": 1.5,
"textAlignVertical": "middle",
"fontFamily": "Inter",
"fontSize": 10,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "KxeL0",
"name": "Container",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"gap": 8,
"alignItems": "center",
"children": [
{
"type": "rectangle",
"cornerRadius": 12,
"id": "Y9ad5",
"name": "Background",
"fill": "#10b981ff",
"width": 8,
"height": 8,
"stroke": {
"align": "inside",
"thickness": 1
}
},
{
"type": "frame",
"id": "CewPk",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "text",
"id": "F6MiT",
"name": "Text",
"fill": "#10b981ff",
"content": "DRAFT",
"lineHeight": 1,
"textAlignVertical": "middle",
"fontFamily": "Inter",
"fontSize": 24,
"fontWeight": "600"
}
]
}
]
}
]
}
]
}
]
},
{
"type": "frame",
"id": "fDiFW",
"name": "Middle: Two Column Layout",
"width": "fill_container",
"height": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"gap": 24,
"children": [
{
"type": "frame",
"id": "N32wl",
"name": "Left Pane: Step Sequence List",
"width": 410.6600036621094,
"height": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"gap": 16,
"children": [
{
"type": "frame",
"id": "cH7fK",
"name": "Container",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"gap": 100.06999969482422,
"padding": [
0,
8.010000228881836,
0,
8
],
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "fonj9",
"name": "Heading 2",
"stroke": {
"align": "inside",
"thickness": 1
},
"gap": 8,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "ZZ1Id",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "path",
"id": "V3oIX",
"name": "Icon",
"geometry": "M0 14l0-2 18 0 0 2-18 0 0 0m0-4l0-2 18 0 0 2-18 0 0 0m0-4l0-2 18 0 0 2-18 0 0 0m0-4l0-2 18 0 0 2-18 0 0 0",
"fill": "#bec6e0ff",
"width": 18,
"height": 14
}
]
},
{
"type": "text",
"id": "LkXmj",
"name": "Text",
"fill": "#bec6e0ff",
"content": "STEP SEQUENCE",
"lineHeight": 1.5,
"textAlignVertical": "middle",
"fontFamily": "Inter",
"fontSize": 16,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "IVXig",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "text",
"id": "s5chD",
"name": "Text",
"fill": "#909097ff",
"content": "DRAG TO REORDER",
"lineHeight": 1.3333333333333333,
"textAlignVertical": "middle",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "700",
"letterSpacing": 1.2000000476837158
}
]
}
]
},
{
"type": "frame",
"id": "Yqu0B",
"name": "Container",
"clip": true,
"width": "fill_container",
"height": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"gap": 12,
"padding": [
0,
8,
0,
0
],
"children": [
{
"type": "frame",
"id": "EXsob",
"name": "Step 1 (Active)",
"width": "fill_container",
"fill": "#0f172aff",
"cornerRadius": 8,
"stroke": {
"align": "inside",
"thickness": 2,
"fill": "#bec6e0ff"
},
"gap": 16,
"padding": 16,
"alignItems": "center",
"layoutIncludeStroke": true,
"children": [
{
"type": "frame",
"id": "Xq6Cp",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "path",
"id": "k02qM",
"name": "Icon",
"geometry": "M2 16c-0.55 0-1.02083-0.19583-1.4125-0.5875-0.39167-0.39167-0.5875-0.8625-0.5875-1.4125 0-0.55 0.19583-1.02083 0.5875-1.4125 0.39167-0.39167 0.8625-0.5875 1.4125-0.5875 0.55 0 1.02083 0.19583 1.4125 0.5875 0.39167 0.39167 0.5875 0.8625 0.5875 1.4125 0 0.55-0.19583 1.02083-0.5875 1.4125-0.39167 0.39167-0.8625 0.5875-1.4125 0.5875l0 0m6 0c-0.55 0-1.02083-0.19583-1.4125-0.5875-0.39167-0.39167-0.5875-0.8625-0.5875-1.4125 0-0.55 0.19583-1.02083 0.5875-1.4125 0.39167-0.39167 0.8625-0.5875 1.4125-0.5875 0.55 0 1.02083 0.19583 1.4125 0.5875 0.39167 0.39167 0.5875 0.8625 0.5875 1.4125 0 0.55-0.19583 1.02083-0.5875 1.4125-0.39167 0.39167-0.8625 0.5875-1.4125 0.5875l0 0m-6-6c-0.55 0-1.02083-0.19583-1.4125-0.5875-0.39167-0.39167-0.5875-0.8625-0.5875-1.4125 0-0.55 0.19583-1.02083 0.5875-1.4125 0.39167-0.39167 0.8625-0.5875 1.4125-0.5875 0.55 0 1.02083 0.19583 1.4125 0.5875 0.39167 0.39167 0.5875 0.8625 0.5875 1.4125 0 0.55-0.19583 1.02083-0.5875 1.4125-0.39167 0.39167-0.8625 0.5875-1.4125 0.5875l0 0m6 0c-0.55 0-1.02083-0.19583-1.4125-0.5875-0.39167-0.39167-0.5875-0.8625-0.5875-1.4125 0-0.55 0.19583-1.02083 0.5875-1.4125 0.39167-0.39167 0.8625-0.5875 1.4125-0.5875 0.55 0 1.02083 0.19583 1.4125 0.5875 0.39167 0.39167 0.5875 0.8625 0.5875 1.4125 0 0.55-0.19583 1.02083-0.5875 1.4125-0.39167 0.39167-0.8625 0.5875-1.4125 0.5875l0 0m-6-6c-0.55 0-1.02083-0.19583-1.4125-0.5875-0.39167-0.39167-0.5875-0.8625-0.5875-1.4125 0-0.55 0.19583-1.02083 0.5875-1.4125 0.39167-0.39167 0.8625-0.5875 1.4125-0.5875 0.55 0 1.02083 0.19583 1.4125 0.5875 0.39167 0.39167 0.5875 0.8625 0.5875 1.4125 0 0.55-0.19583 1.02083-0.5875 1.4125-0.39167 0.39167-0.8625 0.5875-1.4125 0.5875l0 0m6 0c-0.55 0-1.02083-0.19583-1.4125-0.5875-0.39167-0.39167-0.5875-0.8625-0.5875-1.4125 0-0.55 0.19583-1.02083 0.5875-1.4125 0.39167-0.39167 0.8625-0.5875 1.4125-0.5875 0.55 0 1.02083 0.19583 1.4125 0.5875 0.39167 0.39167 0.5875 0.8625 0.5875 1.4125 0 0.55-0.19583 1.02083-0.5875 1.4125-0.39167 0.39167-0.8625 0.5875-1.4125 0.5875l0 0",
"fill": "#909097ff",
"width": 10,
"height": 16
}
]
},
{
"type": "frame",
"id": "omLKE",
"name": "Background",
"width": 40,
"height": 40,
"fill": "#bec6e0ff",
"cornerRadius": 4,
"stroke": {
"align": "inside",
"thickness": 1
},
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "UMIMP",
"name": "Text",
"fill": "#283044ff",
"content": "01",
"lineHeight": 1.5,
"textAlign": "center",
"textAlignVertical": "middle",
"fontFamily": "Inter",
"fontSize": 16,
"fontWeight": "700"
}
]
},
{
"type": "frame",
"id": "HEvUO",
"name": "Container",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "frame",
"id": "RPQ9z",
"name": "Heading 3",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "text",
"id": "OzR4D",
"name": "Mixing (混合)",
"fill": "#e4e2e4ff",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "Mixing (混合)",
"lineHeight": 1.5,
"textAlignVertical": "middle",
"fontFamily": "Inter",
"fontSize": 16,
"fontWeight": "700"
}
]
},
{
"type": "frame",
"id": "JwUmF",
"name": "Container",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "text",
"id": "pqwga",
"name": "A1 | 200UL | MED SPD",
"fill": "#909097ff",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "A1 | 200UL | MED SPD",
"lineHeight": 1.5,
"textAlignVertical": "middle",
"fontFamily": "Inter",
"fontSize": 11,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "ScZz5",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "path",
"id": "QNRCT",
"name": "Icon",
"geometry": "M4.6 6l-4.6-4.6 1.4-1.4 6 6-6 6-1.4-1.4 4.6-4.6 0 0",
"fill": "#bec6e0ff",
"width": 7.400000095367432,
"height": 12
}
]
}
]
},
{
"type": "frame",
"id": "w2Eeo",
"name": "Step 2",
"width": "fill_container",
"fill": "#1e293bff",
"cornerRadius": 8,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "#334155ff"
},
"gap": 16,
"padding": 16,
"alignItems": "center",
"layoutIncludeStroke": true,
"children": [
{
"type": "frame",
"id": "fM8vT",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "path",
"id": "OdQug",
"name": "Icon",
"geometry": "M2 16c-0.55 0-1.02083-0.19583-1.4125-0.5875-0.39167-0.39167-0.5875-0.8625-0.5875-1.4125 0-0.55 0.19583-1.02083 0.5875-1.4125 0.39167-0.39167 0.8625-0.5875 1.4125-0.5875 0.55 0 1.02083 0.19583 1.4125 0.5875 0.39167 0.39167 0.5875 0.8625 0.5875 1.4125 0 0.55-0.19583 1.02083-0.5875 1.4125-0.39167 0.39167-0.8625 0.5875-1.4125 0.5875l0 0m6 0c-0.55 0-1.02083-0.19583-1.4125-0.5875-0.39167-0.39167-0.5875-0.8625-0.5875-1.4125 0-0.55 0.19583-1.02083 0.5875-1.4125 0.39167-0.39167 0.8625-0.5875 1.4125-0.5875 0.55 0 1.02083 0.19583 1.4125 0.5875 0.39167 0.39167 0.5875 0.8625 0.5875 1.4125 0 0.55-0.19583 1.02083-0.5875 1.4125-0.39167 0.39167-0.8625 0.5875-1.4125 0.5875l0 0m-6-6c-0.55 0-1.02083-0.19583-1.4125-0.5875-0.39167-0.39167-0.5875-0.8625-0.5875-1.4125 0-0.55 0.19583-1.02083 0.5875-1.4125 0.39167-0.39167 0.8625-0.5875 1.4125-0.5875 0.55 0 1.02083 0.19583 1.4125 0.5875 0.39167 0.39167 0.5875 0.8625 0.5875 1.4125 0 0.55-0.19583 1.02083-0.5875 1.4125-0.39167 0.39167-0.8625 0.5875-1.4125 0.5875l0 0m6 0c-0.55 0-1.02083-0.19583-1.4125-0.5875-0.39167-0.39167-0.5875-0.8625-0.5875-1.4125 0-0.55 0.19583-1.02083 0.5875-1.4125 0.39167-0.39167 0.8625-0.5875 1.4125-0.5875 0.55 0 1.02083 0.19583 1.4125 0.5875 0.39167 0.39167 0.5875 0.8625 0.5875 1.4125 0 0.55-0.19583 1.02083-0.5875 1.4125-0.39167 0.39167-0.8625 0.5875-1.4125 0.5875l0 0m-6-6c-0.55 0-1.02083-0.19583-1.4125-0.5875-0.39167-0.39167-0.5875-0.8625-0.5875-1.4125 0-0.55 0.19583-1.02083 0.5875-1.4125 0.39167-0.39167 0.8625-0.5875 1.4125-0.5875 0.55 0 1.02083 0.19583 1.4125 0.5875 0.39167 0.39167 0.5875 0.8625 0.5875 1.4125 0 0.55-0.19583 1.02083-0.5875 1.4125-0.39167 0.39167-0.8625 0.5875-1.4125 0.5875l0 0m6 0c-0.55 0-1.02083-0.19583-1.4125-0.5875-0.39167-0.39167-0.5875-0.8625-0.5875-1.4125 0-0.55 0.19583-1.02083 0.5875-1.4125 0.39167-0.39167 0.8625-0.5875 1.4125-0.5875 0.55 0 1.02083 0.19583 1.4125 0.5875 0.39167 0.39167 0.5875 0.8625 0.5875 1.4125 0 0.55-0.19583 1.02083-0.5875 1.4125-0.39167 0.39167-0.8625 0.5875-1.4125 0.5875l0 0",
"fill": "#909097ff",
"width": 10,
"height": 16
}
]
},
{
"type": "frame",
"id": "JWQuv",
"name": "Background",
"width": 40,
"height": 40,
"fill": "#353436ff",
"cornerRadius": 4,
"stroke": {
"align": "inside",
"thickness": 1
},
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "Sa5LQ",
"name": "Text",
"fill": "#909097ff",
"content": "02",
"lineHeight": 1.5,
"textAlign": "center",
"textAlignVertical": "middle",
"fontFamily": "Inter",
"fontSize": 16,
"fontWeight": "700"
}
]
},
{
"type": "frame",
"id": "QJYrT",
"name": "Container",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "frame",
"id": "E9SrW4",
"name": "Heading 3",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "text",
"id": "dye00",
"name": "Reagent Addition",
"fill": "#e4e2e4ff",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "Reagent Addition",
"lineHeight": 1.5,
"textAlignVertical": "middle",
"fontFamily": "Inter",
"fontSize": 16,
"fontWeight": "700"
}
]
},
{
"type": "frame",
"id": "EIwDZ",
"name": "Container",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "text",
"id": "CmRXe",
"name": "B1 | 150UL | 45S",
"fill": "#909097ff",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "B1 | 150UL | 45S",
"lineHeight": 1.5,
"textAlignVertical": "middle",
"fontFamily": "Inter",
"fontSize": 11,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "tVwJj",
"name": "Button",
"opacity": 0,
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"padding": 8,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "Hrqcb",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"justifyContent": "center",
"children": [
{
"type": "path",
"id": "IEnWi",
"name": "Icon",
"geometry": "M2.25 13.5c-0.4125 0-0.76563-0.14687-1.05937-0.44063-0.29375-0.29375-0.44063-0.64687-0.44063-1.05937l0-9.75-0.75 0 0-1.5 3.75 0 0-0.75 4.5 0 0 0.75 3.75 0 0 1.5-0.75 0 0 9.75c0 0.4125-0.14687 0.76563-0.44063 1.05937-0.29375 0.29375-0.64687 0.44063-1.05937 0.44063l-7.5 0 0 0m7.5-11.25l-7.5 0 0 9.75 0 0 0 0 7.5 0 0 0 0 0 0-9.75 0 0m-6 8.25l1.5 0 0-6.75-1.5 0 0 6.75 0 0m3 0l1.5 0 0-6.75-1.5 0 0 6.75 0 0m-4.5-8.25l0 0 0 9.75 0 0 0 0 0 0 0 0 0 0 0-9.75 0 0",
"fill": "#909097ff",
"width": 12,
"height": 13.5
}
]
}
]
}
]
},
{
"type": "frame",
"id": "V2ryp",
"name": "Step 3",
"width": "fill_container",
"fill": "#1e293bff",
"cornerRadius": 8,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "#334155ff"
},
"gap": 16,
"padding": 16,
"alignItems": "center",
"layoutIncludeStroke": true,
"children": [
{
"type": "frame",
"id": "F2iiT",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "path",
"id": "gvD7Z",
"name": "Icon",
"geometry": "M2 16c-0.55 0-1.02083-0.19583-1.4125-0.5875-0.39167-0.39167-0.5875-0.8625-0.5875-1.4125 0-0.55 0.19583-1.02083 0.5875-1.4125 0.39167-0.39167 0.8625-0.5875 1.4125-0.5875 0.55 0 1.02083 0.19583 1.4125 0.5875 0.39167 0.39167 0.5875 0.8625 0.5875 1.4125 0 0.55-0.19583 1.02083-0.5875 1.4125-0.39167 0.39167-0.8625 0.5875-1.4125 0.5875l0 0m6 0c-0.55 0-1.02083-0.19583-1.4125-0.5875-0.39167-0.39167-0.5875-0.8625-0.5875-1.4125 0-0.55 0.19583-1.02083 0.5875-1.4125 0.39167-0.39167 0.8625-0.5875 1.4125-0.5875 0.55 0 1.02083 0.19583 1.4125 0.5875 0.39167 0.39167 0.5875 0.8625 0.5875 1.4125 0 0.55-0.19583 1.02083-0.5875 1.4125-0.39167 0.39167-0.8625 0.5875-1.4125 0.5875l0 0m-6-6c-0.55 0-1.02083-0.19583-1.4125-0.5875-0.39167-0.39167-0.5875-0.8625-0.5875-1.4125 0-0.55 0.19583-1.02083 0.5875-1.4125 0.39167-0.39167 0.8625-0.5875 1.4125-0.5875 0.55 0 1.02083 0.19583 1.4125 0.5875 0.39167 0.39167 0.5875 0.8625 0.5875 1.4125 0 0.55-0.19583 1.02083-0.5875 1.4125-0.39167 0.39167-0.8625 0.5875-1.4125 0.5875l0 0m6 0c-0.55 0-1.02083-0.19583-1.4125-0.5875-0.39167-0.39167-0.5875-0.8625-0.5875-1.4125 0-0.55 0.19583-1.02083 0.5875-1.4125 0.39167-0.39167 0.8625-0.5875 1.4125-0.5875 0.55 0 1.02083 0.19583 1.4125 0.5875 0.39167 0.39167 0.5875 0.8625 0.5875 1.4125 0 0.55-0.19583 1.02083-0.5875 1.4125-0.39167 0.39167-0.8625 0.5875-1.4125 0.5875l0 0m-6-6c-0.55 0-1.02083-0.19583-1.4125-0.5875-0.39167-0.39167-0.5875-0.8625-0.5875-1.4125 0-0.55 0.19583-1.02083 0.5875-1.4125 0.39167-0.39167 0.8625-0.5875 1.4125-0.5875 0.55 0 1.02083 0.19583 1.4125 0.5875 0.39167 0.39167 0.5875 0.8625 0.5875 1.4125 0 0.55-0.19583 1.02083-0.5875 1.4125-0.39167 0.39167-0.8625 0.5875-1.4125 0.5875l0 0m6 0c-0.55 0-1.02083-0.19583-1.4125-0.5875-0.39167-0.39167-0.5875-0.8625-0.5875-1.4125 0-0.55 0.19583-1.02083 0.5875-1.4125 0.39167-0.39167 0.8625-0.5875 1.4125-0.5875 0.55 0 1.02083 0.19583 1.4125 0.5875 0.39167 0.39167 0.5875 0.8625 0.5875 1.4125 0 0.55-0.19583 1.02083-0.5875 1.4125-0.39167 0.39167-0.8625 0.5875-1.4125 0.5875l0 0",
"fill": "#909097ff",
"width": 10,
"height": 16
}
]
},
{
"type": "frame",
"id": "kEqTU",
"name": "Background",
"width": 40,
"height": 40,
"fill": "#353436ff",
"cornerRadius": 4,
"stroke": {
"align": "inside",
"thickness": 1
},
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "FFk00",
"name": "Text",
"fill": "#909097ff",
"content": "03",
"lineHeight": 1.5,
"textAlign": "center",
"textAlignVertical": "middle",
"fontFamily": "Inter",
"fontSize": 16,
"fontWeight": "700"
}
]
},
{
"type": "frame",
"id": "TJfOF",
"name": "Container",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "frame",
"id": "GC4Ci",
"name": "Heading 3",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "text",
"id": "qJ8F6",
"name": "Incubation",
"fill": "#e4e2e4ff",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "Incubation",
"lineHeight": 1.5,
"textAlignVertical": "middle",
"fontFamily": "Inter",
"fontSize": 16,
"fontWeight": "700"
}
]
},
{
"type": "frame",
"id": "YzPnk",
"name": "Container",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "text",
"id": "fkMmi",
"name": "C2 | 300S | 37°C",
"fill": "#909097ff",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "C2 | 300S | 37°C",
"lineHeight": 1.5,
"textAlignVertical": "middle",
"fontFamily": "Inter",
"fontSize": 11,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "AsQ6V",
"name": "Button",
"opacity": 0,
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"padding": 8,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "VJK3I",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"justifyContent": "center",
"children": [
{
"type": "path",
"id": "pxoLX",
"name": "Icon",
"geometry": "M2.25 13.5c-0.4125 0-0.76563-0.14687-1.05937-0.44063-0.29375-0.29375-0.44063-0.64687-0.44063-1.05937l0-9.75-0.75 0 0-1.5 3.75 0 0-0.75 4.5 0 0 0.75 3.75 0 0 1.5-0.75 0 0 9.75c0 0.4125-0.14687 0.76563-0.44063 1.05937-0.29375 0.29375-0.64687 0.44063-1.05937 0.44063l-7.5 0 0 0m7.5-11.25l-7.5 0 0 9.75 0 0 0 0 7.5 0 0 0 0 0 0-9.75 0 0m-6 8.25l1.5 0 0-6.75-1.5 0 0 6.75 0 0m3 0l1.5 0 0-6.75-1.5 0 0 6.75 0 0m-4.5-8.25l0 0 0 9.75 0 0 0 0 0 0 0 0 0 0 0-9.75 0 0",
"fill": "#909097ff",
"width": 12,
"height": 13.5
}
]
}
]
}
]
},
{
"type": "frame",
"id": "v397NG",
"name": "Step 4",
"width": "fill_container",
"fill": "#1e293bff",
"cornerRadius": 8,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "#334155ff"
},
"gap": 16,
"padding": 16,
"alignItems": "center",
"layoutIncludeStroke": true,
"children": [
{
"type": "frame",
"id": "w68RIG",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "path",
"id": "FRfhb",
"name": "Icon",
"geometry": "M2 16c-0.55 0-1.02083-0.19583-1.4125-0.5875-0.39167-0.39167-0.5875-0.8625-0.5875-1.4125 0-0.55 0.19583-1.02083 0.5875-1.4125 0.39167-0.39167 0.8625-0.5875 1.4125-0.5875 0.55 0 1.02083 0.19583 1.4125 0.5875 0.39167 0.39167 0.5875 0.8625 0.5875 1.4125 0 0.55-0.19583 1.02083-0.5875 1.4125-0.39167 0.39167-0.8625 0.5875-1.4125 0.5875l0 0m6 0c-0.55 0-1.02083-0.19583-1.4125-0.5875-0.39167-0.39167-0.5875-0.8625-0.5875-1.4125 0-0.55 0.19583-1.02083 0.5875-1.4125 0.39167-0.39167 0.8625-0.5875 1.4125-0.5875 0.55 0 1.02083 0.19583 1.4125 0.5875 0.39167 0.39167 0.5875 0.8625 0.5875 1.4125 0 0.55-0.19583 1.02083-0.5875 1.4125-0.39167 0.39167-0.8625 0.5875-1.4125 0.5875l0 0m-6-6c-0.55 0-1.02083-0.19583-1.4125-0.5875-0.39167-0.39167-0.5875-0.8625-0.5875-1.4125 0-0.55 0.19583-1.02083 0.5875-1.4125 0.39167-0.39167 0.8625-0.5875 1.4125-0.5875 0.55 0 1.02083 0.19583 1.4125 0.5875 0.39167 0.39167 0.5875 0.8625 0.5875 1.4125 0 0.55-0.19583 1.02083-0.5875 1.4125-0.39167 0.39167-0.8625 0.5875-1.4125 0.5875l0 0m6 0c-0.55 0-1.02083-0.19583-1.4125-0.5875-0.39167-0.39167-0.5875-0.8625-0.5875-1.4125 0-0.55 0.19583-1.02083 0.5875-1.4125 0.39167-0.39167 0.8625-0.5875 1.4125-0.5875 0.55 0 1.02083 0.19583 1.4125 0.5875 0.39167 0.39167 0.5875 0.8625 0.5875 1.4125 0 0.55-0.19583 1.02083-0.5875 1.4125-0.39167 0.39167-0.8625 0.5875-1.4125 0.5875l0 0m-6-6c-0.55 0-1.02083-0.19583-1.4125-0.5875-0.39167-0.39167-0.5875-0.8625-0.5875-1.4125 0-0.55 0.19583-1.02083 0.5875-1.4125 0.39167-0.39167 0.8625-0.5875 1.4125-0.5875 0.55 0 1.02083 0.19583 1.4125 0.5875 0.39167 0.39167 0.5875 0.8625 0.5875 1.4125 0 0.55-0.19583 1.02083-0.5875 1.4125-0.39167 0.39167-0.8625 0.5875-1.4125 0.5875l0 0m6 0c-0.55 0-1.02083-0.19583-1.4125-0.5875-0.39167-0.39167-0.5875-0.8625-0.5875-1.4125 0-0.55 0.19583-1.02083 0.5875-1.4125 0.39167-0.39167 0.8625-0.5875 1.4125-0.5875 0.55 0 1.02083 0.19583 1.4125 0.5875 0.39167 0.39167 0.5875 0.8625 0.5875 1.4125 0 0.55-0.19583 1.02083-0.5875 1.4125-0.39167 0.39167-0.8625 0.5875-1.4125 0.5875l0 0",
"fill": "#909097ff",
"width": 10,
"height": 16
}
]
},
{
"type": "frame",
"id": "dx0Ps",
"name": "Background",
"width": 40,
"height": 40,
"fill": "#353436ff",
"cornerRadius": 4,
"stroke": {
"align": "inside",
"thickness": 1
},
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "R7BuwO",
"name": "Text",
"fill": "#909097ff",
"content": "04",
"lineHeight": 1.5,
"textAlign": "center",
"textAlignVertical": "middle",
"fontFamily": "Inter",
"fontSize": 16,
"fontWeight": "700"
}
]
},
{
"type": "frame",
"id": "R8xcV",
"name": "Container",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "frame",
"id": "qrNPd",
"name": "Heading 3",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "text",
"id": "lPzjL",
"name": "Detection Scan",
"fill": "#e4e2e4ff",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "Detection Scan",
"lineHeight": 1.5,
"textAlignVertical": "middle",
"fontFamily": "Inter",
"fontSize": 16,
"fontWeight": "700"
}
]
},
{
"type": "frame",
"id": "SviCh",
"name": "Container",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "text",
"id": "fQajp",
"name": "D1 | MULTI-WAVE",
"fill": "#909097ff",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "D1 | MULTI-WAVE",
"lineHeight": 1.5,
"textAlignVertical": "middle",
"fontFamily": "Inter",
"fontSize": 11,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "o7bwY7",
"name": "Button",
"opacity": 0,
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"padding": 8,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "FCcer",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"justifyContent": "center",
"children": [
{
"type": "path",
"id": "N4QHyK",
"name": "Icon",
"geometry": "M2.25 13.5c-0.4125 0-0.76563-0.14687-1.05937-0.44063-0.29375-0.29375-0.44063-0.64687-0.44063-1.05937l0-9.75-0.75 0 0-1.5 3.75 0 0-0.75 4.5 0 0 0.75 3.75 0 0 1.5-0.75 0 0 9.75c0 0.4125-0.14687 0.76563-0.44063 1.05937-0.29375 0.29375-0.64687 0.44063-1.05937 0.44063l-7.5 0 0 0m7.5-11.25l-7.5 0 0 9.75 0 0 0 0 7.5 0 0 0 0 0 0-9.75 0 0m-6 8.25l1.5 0 0-6.75-1.5 0 0 6.75 0 0m3 0l1.5 0 0-6.75-1.5 0 0 6.75 0 0m-4.5-8.25l0 0 0 9.75 0 0 0 0 0 0 0 0 0 0 0-9.75 0 0",
"fill": "#909097ff",
"width": 12,
"height": 13.5
}
]
}
]
}
]
},
{
"type": "frame",
"id": "DXE2L",
"name": "Add Button",
"cornerRadius": 8,
"stroke": {
"align": "inside",
"thickness": 2,
"fill": "#45464dff"
},
"layout": "vertical",
"gap": 8,
"padding": [
24,
106.30999755859375,
24,
106.30000305175781
],
"justifyContent": "center",
"alignItems": "center",
"layoutIncludeStroke": true,
"children": [
{
"type": "frame",
"id": "f4hpU",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"alignItems": "center",
"children": [
{
"type": "path",
"id": "mPJHq",
"name": "Icon",
"geometry": "M11.25 18.75l2.5 0 0-5 5 0 0-2.5-5 0 0-5-2.5 0 0 5-5 0 0 2.5 5 0 0 5 0 0m1.25 6.25c-1.72917 0-3.35417-0.32813-4.875-0.98438-1.52083-0.65625-2.84375-1.54688-3.96875-2.67187-1.125-1.125-2.01563-2.44792-2.67188-3.96875-0.65625-1.52083-0.98438-3.14583-0.98437-4.875 0-1.72917 0.32813-3.35417 0.98437-4.875 0.65625-1.52083 1.54688-2.84375 2.67188-3.96875 1.125-1.125 2.44792-2.01563 3.96875-2.67188 1.52083-0.65625 3.14583-0.98438 4.875-0.98437 1.72917 0 3.35417 0.32813 4.875 0.98437 1.52083 0.65625 2.84375 1.54688 3.96875 2.67188 1.125 1.125 2.01563 2.44792 2.67188 3.96875 0.65625 1.52083 0.98438 3.14583 0.98437 4.875 0 1.72917-0.32813 3.35417-0.98437 4.875-0.65625 1.52083-1.54688 2.84375-2.67188 3.96875-1.125 1.125-2.44792 2.01563-3.96875 2.67188-1.52083 0.65625-3.14583 0.98438-4.875 0.98437l0 0m0-2.5c2.79167 0 5.15625-0.96875 7.09375-2.90625 1.9375-1.9375 2.90625-4.30208 2.90625-7.09375 0-2.79167-0.96875-5.15625-2.90625-7.09375-1.9375-1.9375-4.30208-2.90625-7.09375-2.90625-2.79167 0-5.15625 0.96875-7.09375 2.90625-1.9375 1.9375-2.90625 4.30208-2.90625 7.09375 0 2.79167 0.96875 5.15625 2.90625 7.09375 1.9375 1.9375 4.30208 2.90625 7.09375 2.90625l0 0m0-10l0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0",
"fill": "#909097ff",
"width": 25,
"height": 25
}
]
},
{
"type": "frame",
"id": "uKmRl",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "RXy6p",
"name": "Text",
"fill": "#909097ff",
"content": "ADD NEW PROTOCOL STEP",
"lineHeight": 1.3333333333333333,
"textAlign": "center",
"textAlignVertical": "middle",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "700",
"letterSpacing": 1.2000000476837158
}
]
}
]
}
]
}
]
},
{
"type": "frame",
"id": "z0KhuP",
"name": "Right Pane: Parameter Editing",
"clip": true,
"width": 797.3400268554688,
"height": "fill_container",
"fill": "#1e293b66",
"cornerRadius": 16,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "#334155ff"
},
"effect": {
"type": "background_blur",
"radius": 10.5
},
"layout": "vertical",
"layoutIncludeStroke": true,
"children": [
{
"type": "frame",
"id": "ECZG1",
"name": "Background+HorizontalBorder",
"width": "fill_container",
"fill": "#1f1f21ff",
"stroke": {
"align": "inside",
"thickness": {
"bottom": 1
},
"fill": "#334155ff"
},
"gap": 312.0899963378906,
"padding": 24,
"justifyContent": "space_between",
"alignItems": "center",
"layoutIncludeStroke": true,
"children": [
{
"type": "frame",
"id": "lcVd0",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"gap": 12,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "t1PIB8",
"name": "Overlay+Border",
"width": 48,
"height": 48,
"fill": "#bec6e033",
"cornerRadius": 8,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "#bec6e04d"
},
"justifyContent": "center",
"alignItems": "center",
"layoutIncludeStroke": true,
"children": [
{
"type": "frame",
"id": "h6O0z",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "path",
"id": "q77BS",
"name": "Icon",
"geometry": "M2.0285 18c-0.85 0-1.45417-0.37917-1.8125-1.1375-0.35833-0.75833-0.27083-1.4625 0.2625-2.1125l5.55-6.75 0-6-1 0c-0.28333 0-0.52083-0.09583-0.7125-0.2875-0.19167-0.19167-0.2875-0.42917-0.2875-0.7125 0-0.28333 0.09583-0.52083 0.2875-0.7125 0.19167-0.19167 0.42917-0.2875 0.7125-0.2875l8 0c0.28333 0 0.52083 0.09583 0.71251 0.2875 0.19167 0.19167 0.2875 0.42917 0.28749 0.7125 0 0.28333-0.09583 0.52083-0.28749 0.7125-0.19167 0.19167-0.42917 0.2875-0.71251 0.2875l-1 0 0 6 5.55001 6.75c0.53333 0.65 0.62083 1.35417 0.26249 2.1125-0.35833 0.75833-0.9625 1.1375-1.8125 1.1375l-14 0 0 0m0-2l14 0-6-7.3 0-6.7-2 0 0 6.7-6 7.3 0 0m7-7l0 0 0 0 0 0 0 0 0 0 0 0 0 0",
"fill": "#bec6e0ff",
"width": 18.057008743286133,
"height": 18
}
]
}
]
},
{
"type": "frame",
"id": "o9AqGI",
"name": "Container",
"width": "fit_content(223.3000030517578)",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "frame",
"id": "A6EIs",
"name": "Heading 2",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "text",
"id": "txzHO",
"name": "Text",
"fill": "#e4e2e4ff",
"content": "Step 01: Mixing (混合)",
"lineHeight": 1.5,
"textAlignVertical": "middle",
"fontFamily": "Inter",
"fontSize": 16,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "e21xA",
"name": "Container",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "text",
"id": "tmnMG",
"name": "Text",
"fill": "#909097ff",
"content": "EDITING PRIMARY PARAMETERS",
"lineHeight": 1.3333333333333333,
"textAlignVertical": "middle",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "700",
"letterSpacing": 1.2000000476837158
}
]
}
]
}
]
},
{
"type": "frame",
"id": "b01NwP",
"name": "Button",
"cornerRadius": 4,
"stroke": {
"align": "inside",
"thickness": 1
},
"gap": 7.989999771118164,
"padding": [
8,
16
],
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "YBVEr",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"alignItems": "center",
"children": [
{
"type": "path",
"id": "rHMdp",
"name": "Icon",
"geometry": "M2 22l0-4.2c-0.58333-0.2-1.0625-0.55417-1.4375-1.0625-0.375-0.50833-0.5625-1.0875-0.5625-1.7375l0-10 2 0 0-4c0-0.28333 0.09583-0.52083 0.2875-0.7125 0.19167-0.19167 0.42917-0.2875 0.7125-0.2875 0.28333 0 0.52083 0.09583 0.7125 0.2875 0.19167 0.19167 0.2875 0.42917 0.2875 0.7125l0 4 2 0 0 10c0 0.65-0.1875 1.22917-0.5625 1.7375-0.375 0.50833-0.85417 0.8625-1.4375 1.0625l0 4.2-2 0 0 0m8 0l0-4.2c-0.58333-0.2-1.0625-0.55417-1.4375-1.0625-0.375-0.50833-0.5625-1.0875-0.5625-1.7375l0-10 2 0 0-4c0-0.28333 0.09583-0.52083 0.2875-0.7125 0.19167-0.19167 0.42917-0.2875 0.7125-0.2875 0.28333 0 0.52083 0.09583 0.7125 0.2875 0.19167 0.19167 0.2875 0.42917 0.2875 0.7125l0 4 2 0 0 10c0 0.65-0.1875 1.22917-0.5625 1.7375-0.375 0.50833-0.85417 0.8625-1.4375 1.0625l0 4.2-2 0 0 0m8 0l0-4.2c-0.58333-0.2-1.0625-0.55417-1.4375-1.0625-0.375-0.50833-0.5625-1.0875-0.5625-1.7375l0-10 2 0 0-4c0-0.28333 0.09583-0.52083 0.2875-0.7125 0.19167-0.19167 0.42917-0.2875 0.7125-0.2875 0.28333 0 0.52083 0.09583 0.7125 0.2875 0.19167 0.19167 0.2875 0.42917 0.2875 0.7125l0 4 2 0 0 10c0 0.65-0.1875 1.22917-0.5625 1.7375-0.375 0.50833-0.85417 0.8625-1.4375 1.0625l0 4.2-2 0 0 0m-16-15l0 4 2 0 0-4-2 0 0 0m8 0l0 4 2 0 0-4-2 0 0 0m8 0l0 4 2 0 0-4-2 0 0 0m-15 9c0.28333 0 0.52083-0.09583 0.7125-0.2875 0.19167-0.19167 0.2875-0.42917 0.2875-0.7125l0-2-2 0 0 2c0 0.28333 0.09583 0.52083 0.2875 0.7125 0.19167 0.19167 0.42917 0.2875 0.7125 0.2875l0 0m8 0c0.28333 0 0.52083-0.09583 0.7125-0.2875 0.19167-0.19167 0.2875-0.42917 0.2875-0.7125l0-2-2 0 0 2c0 0.28333 0.09583 0.52083 0.2875 0.7125 0.19167 0.19167 0.42917 0.2875 0.7125 0.2875l0 0m8 0c0.28333 0 0.52083-0.09583 0.7125-0.2875 0.19167-0.19167 0.2875-0.42917 0.2875-0.7125l0-2-2 0 0 2c0 0.28333 0.09583 0.52083 0.2875 0.7125 0.19167 0.19167 0.42917 0.2875 0.7125 0.2875l0 0m-16-4l0 0 0 0 0 0 0 0 0 0m8 0l0 0 0 0 0 0 0 0 0 0m8 0l0 0 0 0 0 0 0 0 0 0",
"fill": "#bec6e0ff",
"width": 22,
"height": 22
}
]
},
{
"type": "frame",
"id": "n3SKWk",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "u3wzg",
"name": "Text",
"fill": "#bec6e0ff",
"content": "ADVANCED",
"lineHeight": 1.5,
"textAlign": "center",
"textAlignVertical": "middle",
"fontFamily": "Inter",
"fontSize": 16,
"fontWeight": "normal"
}
]
}
]
}
]
},
{
"type": "frame",
"id": "PoIby",
"name": "Container",
"clip": true,
"width": "fill_container",
"height": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"padding": 32,
"children": [
{
"type": "frame",
"id": "K3qYo",
"name": "Container",
"width": "fill_container",
"height": 436,
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "none",
"children": [
{
"type": "frame",
"id": "zMcQV",
"x": 0,
"y": 0,
"name": "Left Sub-column",
"width": 341.6700134277344,
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"gap": 32,
"padding": [
0,
0,
2,
0
],
"children": [
{
"type": "frame",
"id": "X8Re0V",
"name": "Container",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"gap": 12,
"children": [
{
"type": "frame",
"id": "ilyn5",
"name": "Label",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"gap": 7.989999771118164,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "i77gJ",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "path",
"id": "D4qsLw",
"name": "Icon",
"geometry": "M0 4.66667l0-4.66667 4.66667 0 0 4.66667-4.66667 0 0 0m0 5.83333l0-4.66667 4.66667 0 0 4.66667-4.66667 0 0 0m5.83333-5.83333l0-4.66667 4.66667 0 0 4.66667-4.66667 0 0 0m0 5.83333l0-4.66667 4.66667 0 0 4.66667-4.66667 0 0 0m-4.66666-7l2.33333 0 0-2.33333-2.33333 0 0 2.33333 0 0m5.83333 0l2.33333 0 0-2.33333-2.33333 0 0 2.33333 0 0m0 5.83333l2.33333 0 0-2.33333-2.33333 0 0 2.33333 0 0m-5.83333 0l2.33333 0 0-2.33333-2.33333 0 0 2.33333 0 0m5.83333-5.83333l0 0 0 0 0 0 0 0 0 0m0 3.5l0 0 0 0 0 0 0 0 0 0m-3.5 0l0 0 0 0 0 0 0 0 0 0m0-3.5l0 0 0 0 0 0 0 0 0 0",
"fill": "#bec6e0ff",
"width": 10.5,
"height": 10.5
}
]
},
{
"type": "text",
"id": "wgUfa",
"name": "Text",
"fill": "#bec6e0ff",
"content": "HOLE POSITION",
"lineHeight": 1.3333333333333333,
"textAlignVertical": "middle",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "700",
"letterSpacing": 1.2000000476837158
}
]
},
{
"type": "frame",
"id": "BAD6s",
"name": "Options",
"width": "fill_container",
"fill": "#1b1b1dff",
"cornerRadius": 4,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "#45464dff"
},
"layout": "vertical",
"padding": [
12,
20
],
"justifyContent": "center",
"layoutIncludeStroke": true,
"children": [
{
"type": "frame",
"id": "k1ee9v",
"layoutPosition": "absolute",
"x": 0,
"y": 0,
"name": "image clip",
"clip": true,
"width": 341.6700134277344,
"height": 50,
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"padding": [
13,
9,
13,
308.6700134277344
],
"justifyContent": "center",
"children": [
{
"type": "frame",
"id": "tHBg2",
"name": "image",
"clip": true,
"width": 24,
"height": 24,
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "none",
"children": [
{
"type": "path",
"id": "K6Vbob",
"x": 7.200000286102295,
"y": 9.600000381469727,
"name": "Vector",
"geometry": "",
"width": 9.600000381469727,
"height": 4.800000190734863,
"stroke": {
"align": "center",
"thickness": 1.8000000715255737,
"join": "round",
"cap": "round",
"fill": "#6b7280ff"
}
}
]
}
]
},
{
"type": "frame",
"id": "bzspc",
"name": "Container",
"clip": true,
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "text",
"id": "qP8F8",
"name": "A1 (Current Chamber)",
"fill": "#e4e2e4ff",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "A1 (Current Chamber)",
"lineHeight": 1.5,
"textAlignVertical": "middle",
"fontFamily": "Inter",
"fontSize": 16,
"fontWeight": "normal"
}
]
}
]
}
]
},
{
"type": "frame",
"id": "DZ6dh",
"name": "Container",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"gap": 12,
"children": [
{
"type": "frame",
"id": "SxN6n",
"name": "Label",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"gap": 7.989999771118164,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "amXLd",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "path",
"id": "Q19YE",
"name": "Icon",
"geometry": "M0 10.48542l0-2.77084 5.22083-5.22083-0.84583-0.81667 0.84583-0.81666 1.10834 1.10833 1.80833-1.80833c0.04861-0.04861 0.10938-0.0875 0.18229-0.11667 0.07292-0.02917 0.14826-0.04375 0.22604-0.04375 0.07778 0 0.15069 0.01458 0.21875 0.04375 0.06806 0.02917 0.13125 0.06806 0.18959 0.11667l1.37083 1.37083c0.04861 0.05833 0.0875 0.12153 0.11667 0.18958 0.02917 0.06806 0.04375 0.14097 0.04375 0.21875 0 0.07778-0.01458 0.15312-0.04375 0.22605-0.02917 0.07292-0.06806 0.13368-0.11667 0.18229l-1.79375 1.79375 1.10833 1.1375-0.83125 0.83125-0.81666-0.84584-5.22084 5.22084-2.77083 0 0 0m1.16667-1.16667l1.1375 0 4.84166-4.87083-1.10833-1.10834-4.87083 4.84167 0 1.1375 0 0m6.51875-5.97917l1.4-1.4-0.53959-0.53958-1.4 1.4 0.53959 0.53958 0 0m0 0l-0.53959-0.53958 0 0 0.53959 0.53958 0 0 0 0",
"fill": "#bec6e0ff",
"width": 10.485416412353516,
"height": 10.485416412353516
}
]
},
{
"type": "text",
"id": "Yvlyw",
"name": "Text",
"fill": "#bec6e0ff",
"content": "VOLUME (uL)",
"lineHeight": 1.3333333333333333,
"textAlignVertical": "middle",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "700",
"letterSpacing": 1.2000000476837158
}
]
},
{
"type": "frame",
"id": "Sjmur",
"name": "Container",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "frame",
"id": "PWIdw",
"name": "Input",
"clip": true,
"width": "fill_container",
"fill": "#1b1b1dff",
"cornerRadius": 4,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "#45464dff"
},
"padding": [
12,
20
],
"justifyContent": "center",
"layoutIncludeStroke": true,
"children": [
{
"type": "frame",
"id": "XflE2",
"name": "Container",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"gap": 5.684341886080802e-14,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "MEOjD",
"name": "Container",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "frame",
"id": "q2wxrX",
"name": "Container",
"clip": true,
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "text",
"id": "hAh9u",
"name": "200",
"fill": "#e4e2e4ff",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "200",
"lineHeight": 1.5555555555555556,
"textAlignVertical": "middle",
"fontFamily": "Inter",
"fontSize": 18,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "D7KHgR",
"name": "Rectangle:align-stretch",
"height": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"children": [
{
"type": "rectangle",
"id": "zKJ8W",
"name": "Rectangle",
"opacity": 0,
"width": 15,
"height": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
}
}
]
}
]
}
]
},
{
"type": "frame",
"id": "Z6YPKd",
"layoutPosition": "absolute",
"x": 214.83999633789062,
"y": 15,
"name": "Container",
"height": 24,
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "text",
"id": "wzG69",
"name": "Text",
"fill": "#909097ff",
"content": "MICROLITERS",
"lineHeight": 1.5,
"textAlignVertical": "middle",
"fontFamily": "Inter",
"fontSize": 16,
"fontWeight": "normal"
}
]
}
]
}
]
},
{
"type": "frame",
"id": "trZmA",
"name": "Container",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"gap": 12,
"children": [
{
"type": "frame",
"id": "MJvJ8",
"name": "Label",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"gap": 7.989999771118164,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "pty1O",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "path",
"id": "q5Sax9",
"name": "Icon",
"geometry": "M4.92917 6.70833c0.23333 0.23333 0.53472 0.34757 0.90416 0.34271 0.36944-0.00486 0.64167-0.13854 0.81667-0.40104l3.26667-4.9-4.9 3.26667c-0.2625 0.175-0.40104 0.44236-0.41563 0.80208-0.01458 0.35972 0.09479 0.65625 0.32813 0.88958l0 0m0.90416-6.70833c0.57361 0 1.12535 0.08021 1.65521 0.24062 0.52986 0.16042 1.02813 0.40104 1.49479 0.72188l-1.10833 0.7c-0.32083-0.16528-0.65382-0.28924-0.99896-0.37188-0.34514-0.08264-0.69271-0.12396-1.04271-0.12395-1.29306 0-2.3941 0.45451-3.30312 1.36354-0.90903 0.90903-1.36354 2.01007-1.36354 3.30312 0 0.40833 0.0559 0.81181 0.16771 1.21042 0.11181 0.39861 0.26979 0.77292 0.47395 1.12292l8.05 0c0.22361-0.36944 0.38646-0.75347 0.48855-1.15209 0.10208-0.39861 0.15312-0.81181 0.15312-1.23958 0-0.35-0.04132-0.69028-0.12396-1.02083-0.08264-0.33056-0.2066-0.65139-0.37187-0.9625l0.7-1.10834c0.29167 0.45694 0.52257 0.94306 0.6927 1.45834 0.17014 0.51528 0.26007 1.05 0.2698 1.60416 0.00972 0.55417-0.05347 1.08403-0.18959 1.58959-0.13611 0.50556-0.33542 0.9868-0.59791 1.44375-0.10694 0.175-0.25278 0.31111-0.4375 0.40833-0.18472 0.09722-0.37917 0.14583-0.58334 0.14583l-8.05 0c-0.20417 0-0.39861-0.04861-0.58333-0.14583-0.18472-0.09722-0.33056-0.23333-0.4375-0.40833-0.25278-0.4375-0.44722-0.90174-0.58333-1.39271-0.13611-0.49097-0.20417-1.00868-0.20417-1.55313 0-0.80694 0.15312-1.56285 0.45937-2.26771 0.30625-0.70486 0.72431-1.32222 1.25417-1.85208 0.52986-0.52986 1.14965-0.94792 1.85938-1.25417 0.70972-0.30625 1.46319-0.45937 2.26041-0.45937l0 0m0.10209 4.56458l0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0",
"fill": "#bec6e0ff",
"width": 11.667638778686523,
"height": 9.333333015441895
}
]
},
{
"type": "text",
"id": "KEBQe",
"name": "Text",
"fill": "#bec6e0ff",
"content": "MIXING SPEED",
"lineHeight": 1.3333333333333333,
"textAlignVertical": "middle",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "700",
"letterSpacing": 1.2000000476837158
}
]
},
{
"type": "frame",
"id": "VMq4g",
"name": "Background+Border",
"width": "fill_container",
"fill": "#1b1b1dff",
"cornerRadius": 8,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "#45464dff"
},
"padding": 4,
"justifyContent": "center",
"layoutIncludeStroke": true,
"children": [
{
"type": "frame",
"id": "h2lAty",
"name": "Button",
"width": "fill_container",
"cornerRadius": 4,
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"padding": [
12,
0
],
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "M8moaB",
"name": "Text",
"fill": "#e4e2e4ff",
"content": "LOW",
"lineHeight": 1.3333333333333333,
"textAlign": "center",
"textAlignVertical": "middle",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "700",
"letterSpacing": 1.2000000476837158
}
]
},
{
"type": "frame",
"id": "oO2O0",
"name": "Button",
"width": "fill_container",
"fill": "#0566d9ff",
"cornerRadius": 4,
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"padding": [
12,
0
],
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "rectangle",
"cornerRadius": 4,
"id": "NnM6J",
"layoutPosition": "absolute",
"x": 0,
"y": 0,
"name": "Button:shadow",
"fill": "#ffffff01",
"width": 110.55999755859375,
"height": 40,
"stroke": {
"align": "inside",
"thickness": 1
},
"effect": [
{
"type": "shadow",
"shadowType": "outer",
"color": "#0000001a",
"offset": {
"x": 0,
"y": 4
},
"blur": 5.25,
"spread": -4
},
{
"type": "shadow",
"shadowType": "outer",
"color": "#0000001a",
"offset": {
"x": 0,
"y": 10
},
"blur": 13.125,
"spread": -3
}
]
},
{
"type": "text",
"id": "ZojvU",
"name": "Text",
"fill": "#e6ecffff",
"content": "MEDIUM",
"lineHeight": 1.3333333333333333,
"textAlign": "center",
"textAlignVertical": "middle",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "700",
"letterSpacing": 1.2000000476837158
}
]
},
{
"type": "frame",
"id": "xUoC9",
"name": "Button",
"width": "fill_container",
"cornerRadius": 4,
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"padding": [
12,
0
],
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "XfgfH",
"name": "Text",
"fill": "#e4e2e4ff",
"content": "HIGH",
"lineHeight": 1.3333333333333333,
"textAlign": "center",
"textAlignVertical": "middle",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "700",
"letterSpacing": 1.2000000476837158
}
]
}
]
}
]
},
{
"type": "frame",
"id": "xrDvJ",
"name": "Container",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"gap": 12,
"children": [
{
"type": "frame",
"id": "MyYUV",
"name": "Label",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"gap": 7.989999771118164,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "HISx4",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "path",
"id": "T6yvDR",
"name": "Icon",
"geometry": "M0.58333 10.7951l0-1.75 1.80834 0-1.4875-4.87084c-0.2625-0.14583-0.47882-0.35972-0.64896-0.64166-0.17014-0.28194-0.25521-0.58333-0.25521-0.90417 0-0.48611 0.17014-0.89931 0.51042-1.23958 0.34028-0.34028 0.75347-0.51042 1.23958-0.51042 0.37917 0 0.71701 0.10937 1.01354 0.32813 0.29653 0.21875 0.50313 0.49826 0.61979 0.83854l1.86667 0 0-0.58334c0-0.16528 0.0559-0.30382 0.16771-0.41562 0.11181-0.11181 0.25035-0.16771 0.41562-0.16771 0.0875 0 0.17257 0.01944 0.25521 0.05833 0.08264 0.03889 0.15313 0.09722 0.21146 0.175l0 0 0.99167-0.93333c0.0875-0.0875 0.19201-0.1434 0.31354-0.16771 0.12153-0.02431 0.24062-0.00729 0.35729 0.05104l2.275 1.05c0.11667 0.05833 0.19687 0.1434 0.24063 0.25521 0.04375 0.11181 0.04132 0.22118-0.0073 0.32813-0.05833 0.11667-0.1434 0.19201-0.25521 0.22604-0.11181 0.03403-0.22118 0.02674-0.32812-0.02188l-2.1-0.9625-1.37083 1.28334 0 0.81666 1.37083 1.25417 2.1-0.9625c0.10694-0.04861 0.21875-0.05347 0.33542-0.01458 0.11667 0.03889 0.19931 0.11181 0.24791 0.21875 0.05833 0.11667 0.06319 0.22847 0.01459 0.33541-0.04861 0.10694-0.13125 0.18958-0.24792 0.24792l-2.275 1.07917c-0.11667 0.05833-0.23576 0.07535-0.35729 0.05104-0.12153-0.02431-0.22604-0.08021-0.31354-0.16771l-0.99167-0.93333 0 0c-0.05833 0.05833-0.12882 0.11181-0.21146 0.16041-0.08264 0.04861-0.16771 0.07292-0.25521 0.07292-0.16528 0-0.30382-0.0559-0.41562-0.16771-0.11181-0.11181-0.16771-0.25035-0.16771-0.41562l0-0.58334-1.86667 0c-0.02917 0.07778-0.06076 0.15069-0.09479 0.21875-0.03403 0.06806-0.08021 0.14097-0.13854 0.21875l2.91667 5.39584 2.1 0 0 1.75-7.58334 0 0 0m1.16667-7.58334c0.16528 0 0.30382-0.0559 0.41563-0.1677 0.11181-0.11181 0.16771-0.25035 0.1677-0.41563 0-0.16528-0.0559-0.30382-0.1677-0.41562-0.11181-0.11181-0.25035-0.16771-0.41563-0.16771-0.16528 0-0.30382 0.0559-0.41563 0.16771-0.11181 0.11181-0.16771 0.25035-0.1677 0.41562 0 0.16528 0.0559 0.30382 0.1677 0.41563 0.11181 0.11181 0.25035 0.16771 0.41563 0.1677l0 0m1.8375 5.83334l1.1375 0-2.50833-4.66667c0 0-0.00972 0-0.02917 0-0.01944 0-0.02917 0-0.02917 0l1.42917 4.66667 0 0m1.1375 0l0 0 0 0 0 0 0 0 0 0 0 0",
"fill": "#bec6e0ff",
"width": 10.518560409545898,
"height": 10.795098304748535
}
]
},
{
"type": "text",
"id": "zpDmX",
"name": "Text",
"fill": "#bec6e0ff",
"content": "NEEDLE SPEED",
"lineHeight": 1.3333333333333333,
"textAlignVertical": "middle",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "700",
"letterSpacing": 1.2000000476837158
}
]
},
{
"type": "frame",
"id": "K3swo",
"name": "Container",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"gap": 12,
"padding": [
16,
8,
0,
8
],
"children": [
{
"type": "frame",
"id": "oWjqw",
"name": "Input",
"width": "fill_container",
"height": 8,
"fill": "#353436ff",
"cornerRadius": 12,
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "none",
"children": [
{
"type": "frame",
"id": "dRldT",
"x": 0,
"y": -4,
"name": "Container",
"width": 325.6700134277344,
"stroke": {
"align": "inside",
"thickness": 1
},
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "QsbJg",
"name": "Container",
"width": "fill_container",
"height": 16,
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "none"
}
]
}
]
},
{
"type": "frame",
"id": "W02miy",
"name": "Container",
"width": "fill_container",
"height": "fit_content(20)",
"stroke": {
"align": "inside",
"thickness": 1
},
"gap": 76.0999984741211,
"justifyContent": "space_between",
"children": [
{
"type": "frame",
"id": "MlLnb",
"name": "Container",
"height": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "text",
"id": "pXKhx",
"name": "Text",
"fill": "#909097ff",
"content": "PRECISION (LV 1)",
"lineHeight": 1.5,
"textAlignVertical": "middle",
"fontFamily": "Inter",
"fontSize": 10,
"fontWeight": "700"
}
]
},
{
"type": "frame",
"id": "hLTYa",
"name": "Container",
"height": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "text",
"id": "JgNwh",
"name": "Text",
"fill": "#bec6e0ff",
"content": "LV 5",
"lineHeight": 1.4285714285714286,
"textAlignVertical": "middle",
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "700"
}
]
},
{
"type": "frame",
"id": "V2OhRf",
"name": "Container",
"height": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "text",
"id": "jYwjg",
"name": "Text",
"fill": "#909097ff",
"content": "FAST (LV 10)",
"lineHeight": 1.5,
"textAlignVertical": "middle",
"fontFamily": "Inter",
"fontSize": 10,
"fontWeight": "700"
}
]
}
]
}
]
}
]
}
]
},
{
"type": "frame",
"id": "MOMI0",
"x": 389.6700134277344,
"y": 0,
"name": "Right Sub-column",
"width": 341.6700134277344,
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"gap": 32,
"children": [
{
"type": "frame",
"id": "mlbWZ",
"name": "Container",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"gap": 12,
"children": [
{
"type": "frame",
"id": "gQtGX",
"name": "Label",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"gap": 7.989999771118164,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "az0fF",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "path",
"id": "z6etiv",
"name": "Icon",
"geometry": "M3.5 1.16667l0-1.16667 3.5 0 0 1.16667-3.5 0 0 0m1.16667 6.41666l1.16666 0 0-3.5-1.16666 0 0 3.5 0 0m0.58333 4.66667c-0.71944 0-1.39757-0.13854-2.03437-0.41563-0.63681-0.27708-1.1934-0.65382-1.6698-1.1302-0.47639-0.47639-0.85312-1.03299-1.1302-1.66979-0.27708-0.63681-0.41563-1.31493-0.41563-2.03438 0-0.71944 0.13854-1.39757 0.41563-2.03438 0.27708-0.63681 0.65382-1.1934 1.1302-1.66979 0.47639-0.47639 1.03299-0.85312 1.6698-1.1302 0.63681-0.27708 1.31493-0.41563 2.03437-0.41563 0.60278 0 1.18125 0.09722 1.73542 0.29167 0.55417 0.19444 1.07431 0.47639 1.56041 0.84583l0.81667-0.81667 0.81667 0.81667-0.81667 0.81667c0.36944 0.48611 0.65139 1.00625 0.84583 1.56041 0.19444 0.55417 0.29167 1.13264 0.29167 1.73542 0 0.71944-0.13854 1.39757-0.41563 2.03438-0.27708 0.63681-0.65382 1.1934-1.1302 1.66979-0.47639 0.47639-1.03299 0.85313-1.66979 1.13021-0.63681 0.27708-1.31493 0.41563-2.03438 0.41562l0 0m0-1.16667c1.12778 0 2.09028-0.39861 2.8875-1.19583 0.79722-0.79722 1.19583-1.75972 1.19583-2.8875 0-1.12778-0.39861-2.09028-1.19583-2.8875-0.79722-0.79722-1.75972-1.19583-2.8875-1.19583-1.12778 0-2.09028 0.39861-2.8875 1.19583-0.79722 0.79722-1.19583 1.75972-1.19583 2.8875 0 1.12778 0.39861 2.09028 1.19583 2.8875 0.79722 0.79722 1.75972 1.19583 2.8875 1.19583l0 0m0-4.08333l0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0",
"fill": "#bec6e0ff",
"width": 10.5,
"height": 12.25
}
]
},
{
"type": "text",
"id": "qPpsF",
"name": "Text",
"fill": "#bec6e0ff",
"content": "MIXING TIME",
"lineHeight": 1.3333333333333333,
"textAlignVertical": "middle",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "700",
"letterSpacing": 1.2000000476837158
}
]
},
{
"type": "frame",
"id": "F6cr3t",
"name": "Container",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "frame",
"id": "TXcfb",
"name": "Input",
"clip": true,
"width": "fill_container",
"fill": "#1b1b1dff",
"cornerRadius": 4,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "#45464dff"
},
"padding": [
12,
20
],
"justifyContent": "center",
"layoutIncludeStroke": true,
"children": [
{
"type": "frame",
"id": "N5WwG",
"name": "Container",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"gap": -5.684341886080802e-14,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "n7YO4",
"name": "Container",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "frame",
"id": "JwRK6",
"name": "Container",
"clip": true,
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "text",
"id": "VdlVX",
"name": "60",
"fill": "#e4e2e4ff",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "60",
"lineHeight": 1.5555555555555556,
"textAlignVertical": "middle",
"fontFamily": "Inter",
"fontSize": 18,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "D24TpI",
"name": "Rectangle:align-stretch",
"height": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"children": [
{
"type": "rectangle",
"id": "PtqRe",
"name": "Rectangle",
"opacity": 0,
"width": 15,
"height": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
}
}
]
}
]
}
]
},
{
"type": "frame",
"id": "jO5Uy",
"layoutPosition": "absolute",
"x": 244,
"y": 15,
"name": "Container",
"height": 24,
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "text",
"id": "staDs",
"name": "Text",
"fill": "#909097ff",
"content": "SECONDS",
"lineHeight": 1.5,
"textAlignVertical": "middle",
"fontFamily": "Inter",
"fontSize": 16,
"fontWeight": "normal"
}
]
}
]
}
]
},
{
"type": "frame",
"id": "tQfos",
"name": "Container",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"gap": 12,
"children": [
{
"type": "frame",
"id": "WcQaQ",
"name": "Label",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"gap": 7.989999771118164,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "R2h3J",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "path",
"id": "erg5b",
"name": "Icon",
"geometry": "M4.66667 5.25c0.64167 0 1.19097-0.22847 1.64791-0.68542 0.45694-0.45694 0.68542-1.00625 0.68542-1.64791l0-1.75-4.66667 0 0 1.75c0 0.64167 0.22847 1.19097 0.68542 1.64791 0.45694 0.45694 1.00625 0.68542 1.64792 0.68542l0 0m-4.66667 6.41667l0-1.16667 1.16667 0 0-1.75c0-0.59306 0.13854-1.14965 0.41562-1.66979 0.27708-0.52014 0.66354-0.93576 1.15938-1.24688-0.49583-0.31111-0.88229-0.72674-1.15938-1.24687-0.27708-0.52014-0.41563-1.07674-0.41562-1.66979l0-1.75-1.16667 0 0-1.16667 9.33333 0 0 1.16667-1.16666 0 0 1.75c0 0.59306-0.13854 1.14965-0.41563 1.66979-0.27708 0.52014-0.66354 0.93576-1.15937 1.24687 0.49583 0.31111 0.88229 0.72674 1.15937 1.24688 0.27708 0.52014 0.41563 1.07674 0.41563 1.66979l0 1.75 1.16666 0 0 1.16667-9.33333 0 0 0",
"fill": "#bec6e0ff",
"width": 9.333333015441895,
"height": 11.666666984558105
}
]
},
{
"type": "text",
"id": "iN4nZ",
"name": "Text",
"fill": "#bec6e0ff",
"content": "SUCTION TIME",
"lineHeight": 1.3333333333333333,
"textAlignVertical": "middle",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "700",
"letterSpacing": 1.2000000476837158
}
]
},
{
"type": "frame",
"id": "TiZcN",
"name": "Container",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "frame",
"id": "t8Fncg",
"name": "Input",
"clip": true,
"width": "fill_container",
"fill": "#1b1b1dff",
"cornerRadius": 4,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "#45464dff"
},
"padding": [
12,
20
],
"justifyContent": "center",
"layoutIncludeStroke": true,
"children": [
{
"type": "frame",
"id": "UIuFV",
"name": "Container",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"gap": -5.684341886080802e-14,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "YJAvp",
"name": "Container",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "frame",
"id": "Ukoi5",
"name": "Container",
"clip": true,
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "text",
"id": "Y5YIB",
"name": "30",
"fill": "#e4e2e4ff",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "30",
"lineHeight": 1.5555555555555556,
"textAlignVertical": "middle",
"fontFamily": "Inter",
"fontSize": 18,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "F1Wg6s",
"name": "Rectangle:align-stretch",
"height": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"children": [
{
"type": "rectangle",
"id": "iX7kK",
"name": "Rectangle",
"opacity": 0,
"width": 15,
"height": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
}
}
]
}
]
}
]
},
{
"type": "frame",
"id": "ETlKD",
"layoutPosition": "absolute",
"x": 244,
"y": 15,
"name": "Container",
"height": 24,
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "text",
"id": "U8t8e",
"name": "Text",
"fill": "#909097ff",
"content": "SECONDS",
"lineHeight": 1.5,
"textAlignVertical": "middle",
"fontFamily": "Inter",
"fontSize": 16,
"fontWeight": "normal"
}
]
}
]
}
]
},
{
"type": "frame",
"id": "bbMlw",
"name": "Container",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"gap": 12,
"children": [
{
"type": "frame",
"id": "UYzPB",
"name": "Label",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"gap": 7.989999771118164,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "cidUi",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "path",
"id": "wwUZL",
"name": "Icon",
"geometry": "M5.54167 9.91667c-0.48611 0-0.89931-0.17014-1.23959-0.51042-0.34028-0.34028-0.51042-0.75347-0.51041-1.23958l1.16666 0c0 0.16528 0.0559 0.30382 0.16771 0.41562 0.11181 0.11181 0.25035 0.16771 0.41563 0.16771 0.16528 0 0.30382-0.0559 0.41562-0.16771 0.11181-0.11181 0.16771-0.25035 0.16771-0.41562 0-0.16528-0.0559-0.30382-0.16771-0.41563-0.11181-0.11181-0.25035-0.16771-0.41562-0.16771l-5.54167 0 0-1.16666 5.54167 0c0.48611 0 0.89931 0.17014 1.23958 0.51041 0.34028 0.34028 0.51042 0.75347 0.51042 1.23959 0 0.48611-0.17014 0.89931-0.51042 1.23958-0.34028 0.34028-0.75347 0.51042-1.23958 0.51042l0 0m-5.54167-5.83334l0-1.16666 7.875 0c0.25278 0 0.46181-0.08264 0.62708-0.24792 0.16528-0.16528 0.24792-0.37431 0.24792-0.62708 0-0.25278-0.08264-0.46181-0.24792-0.62709-0.16528-0.16528-0.37431-0.24792-0.62708-0.24791-0.25278 0-0.46181 0.08264-0.62708 0.24791-0.16528 0.16528-0.24792 0.37431-0.24792 0.62709l-1.16667 0c0-0.57361 0.19687-1.05729 0.59063-1.45105 0.39375-0.39375 0.87743-0.59062 1.45104-0.59062 0.57361 0 1.05729 0.19687 1.45104 0.59062 0.39375 0.39375 0.59063 0.87743 0.59063 1.45105 0 0.57361-0.19688 1.05729-0.59063 1.45104-0.39375 0.39375-0.87743 0.59063-1.45104 0.59062l-7.875 0 0 0m9.625 4.66667l0-1.16667c0.25278 0 0.46181-0.08264 0.62708-0.24791 0.16528-0.16528 0.24792-0.37431 0.24792-0.62709 0-0.25278-0.08264-0.46181-0.24792-0.62708-0.16528-0.16528-0.37431-0.24792-0.62708-0.24792l-9.625 0 0-1.16666 9.625 0c0.57361 0 1.05729 0.19688 1.45104 0.59062 0.39375 0.39375 0.59063 0.87743 0.59063 1.45104 0 0.57361-0.19688 1.05729-0.59063 1.45105-0.39375 0.39375-0.87743 0.59062-1.45104 0.59062l0 0",
"fill": "#bec6e0ff",
"width": 11.666666984558105,
"height": 9.916666984558105
}
]
},
{
"type": "text",
"id": "n9IB7R",
"name": "Text",
"fill": "#bec6e0ff",
"content": "BLOWING SPEED",
"lineHeight": 1.3333333333333333,
"textAlignVertical": "middle",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "700",
"letterSpacing": 1.2000000476837158
}
]
},
{
"type": "frame",
"id": "i4v1cu",
"name": "Options",
"width": "fill_container",
"fill": "#1b1b1dff",
"cornerRadius": 4,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "#45464dff"
},
"layout": "vertical",
"padding": [
12,
20
],
"justifyContent": "center",
"layoutIncludeStroke": true,
"children": [
{
"type": "frame",
"id": "tqoTA",
"layoutPosition": "absolute",
"x": 0,
"y": 0,
"name": "image clip",
"clip": true,
"width": 341.6700134277344,
"height": 50,
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"padding": [
13,
9,
13,
308.6700134277344
],
"justifyContent": "center",
"children": [
{
"type": "frame",
"id": "dOqOb",
"name": "image",
"clip": true,
"width": 24,
"height": 24,
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "none",
"children": [
{
"type": "path",
"id": "ozGc7",
"x": 7.200000286102295,
"y": 9.600000381469727,
"name": "Vector",
"geometry": "",
"width": 9.600000381469727,
"height": 4.800000190734863,
"stroke": {
"align": "center",
"thickness": 1.8000000715255737,
"join": "round",
"cap": "round",
"fill": "#6b7280ff"
}
}
]
}
]
},
{
"type": "frame",
"id": "waVXj",
"name": "Container",
"clip": true,
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "text",
"id": "CBxmm",
"name": "High Pressure Discharge",
"fill": "#e4e2e4ff",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "High Pressure Discharge",
"lineHeight": 1.5,
"textAlignVertical": "middle",
"fontFamily": "Inter",
"fontSize": 16,
"fontWeight": "normal"
}
]
}
]
}
]
},
{
"type": "frame",
"id": "dHYGU",
"name": "Container",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"gap": 12,
"children": [
{
"type": "frame",
"id": "TIK5m",
"name": "Label",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"gap": 7.989999771118164,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "yGHgR",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "path",
"id": "XTDIG",
"name": "Icon",
"geometry": "M5.25 12.54857c0-0.32083 0.11424-0.59549 0.34271-0.82395 0.22847-0.22847 0.50313-0.34271 0.82396-0.34271l0 0 0-3.03334c-0.11667-0.04861-0.22604-0.10451-0.32813-0.1677-0.10208-0.06319-0.19687-0.13368-0.28437-0.21146l-1.28334 0.81666c-0.13611 0.07778-0.28438 0.12882-0.44479 0.15313-0.16042 0.02431-0.32326 0.01215-0.48854-0.03646l-2.625-0.74375c-0.28194-0.07778-0.51285-0.23576-0.69271-0.47396-0.17986-0.23819-0.26979-0.50799-0.26979-0.80937 0-0.36944 0.12882-0.68299 0.38646-0.94063 0.25764-0.25764 0.57118-0.38646 0.94062-0.38646l4.38959 0c0.09722-0.10694 0.20417-0.19931 0.32083-0.27708 0.11667-0.07778 0.24306-0.14097 0.37917-0.18958l0-1.99792c0-0.16528 0.0316-0.32083 0.09479-0.46667 0.06319-0.14583 0.15312-0.27222 0.26979-0.37916l1.99792-1.86667c0.22361-0.21389 0.48368-0.33542 0.7802-0.36458 0.29653-0.02917 0.57118 0.03403 0.82396 0.18958 0.31111 0.19444 0.51285 0.4691 0.60521 0.82396 0.09236 0.35486 0.04132 0.68785-0.15312 0.99896l-2.31875 3.83541c0.06806 0.11667 0.1191 0.24306 0.15312 0.37917 0.03403 0.13611 0.0559 0.27708 0.06563 0.42292l1.575 0.37916c0.15556 0.03889 0.29653 0.10694 0.42291 0.20417 0.12639 0.09722 0.22847 0.21389 0.30625 0.35l1.32709 2.39167c0.14583 0.2625 0.19931 0.53958 0.16041 0.83125-0.03889 0.29167-0.16528 0.54444-0.37916 0.75833-0.2625 0.2625-0.57604 0.39375-0.94063 0.39375-0.36458 0-0.67813-0.13125-0.94062-0.39375l-2.68334-2.68333 0 0 0 0 0 2.49375 0 0c0.32083 0 0.59549 0.11424 0.82396 0.34271 0.22847 0.22847 0.34271 0.50313 0.34271 0.82395l-3.5 0 0 0m-3.5-10.5l0-1.16666 3.5 0 0 1.16666-3.5 0 0 0m5.83333 1.03542l0 1.99792c0.00972 0 0.01701 0.00243 0.02188 0.00729 0.00486 0.00486 0.01215 0.00729 0.02187 0.00729l2.21667-3.68958c0.01944-0.03889 0.02431-0.08021 0.01458-0.12396-0.00972-0.04375-0.03403-0.07535-0.07291-0.09479-0.02917-0.01944-0.06563-0.02431-0.10938-0.01459-0.04375 0.00972-0.07535 0.02431-0.09479 0.04375l-1.99792 1.86667 0 0m-7.58333 1.29792l0-1.16667 2.91667 0 0 1.16667-2.91667 0 0 0m7 2.91666c0.16528 0 0.30382-0.0559 0.41563-0.1677 0.11181-0.11181 0.16771-0.25035 0.1677-0.41563 0-0.16528-0.0559-0.30382-0.1677-0.41562-0.11181-0.11181-0.25035-0.16771-0.41563-0.16771-0.16528 0-0.30382 0.0559-0.41563 0.16771-0.11181 0.11181-0.16771 0.25035-0.1677 0.41562 0 0.16528 0.0559 0.30382 0.1677 0.41563 0.11181 0.11181 0.25035 0.16771 0.41563 0.1677l0 0m-3.07708 0.49584l1.35625-0.81667c-0.00972-0.04861-0.01458-0.09236-0.01459-0.13125 0-0.03889 0-0.08264 0-0.13125l-3.9375 0c-0.04861 0-0.0875 0.01458-0.11666 0.04375-0.02917 0.02917-0.04375 0.06806-0.04375 0.11667 0 0.03889 0.00972 0.07292 0.02916 0.10208 0.01944 0.02917 0.04861 0.04861 0.0875 0.05833l2.63959 0.75834 0 0m6.11041 0.36458l-1.6625-0.37917c-0.01944 0.01944-0.03889 0.04375-0.05833 0.07292-0.01944 0.02917-0.03889 0.05347-0.05833 0.07292l2.84375 2.82917c0.02917 0.02917 0.06806 0.04375 0.11666 0.04374 0.04861 0 0.0875-0.01458 0.11667-0.04374 0.02917-0.02917 0.04618-0.06076 0.05104-0.0948 0.00486-0.03403-0.00243-0.07049-0.02187-0.10937l-1.32709-2.39167 0 0m-8.86666 3.22292l0-1.16667 2.91666 0 0 1.16667-2.91666 0 0 0m5.83333-4.66667l0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0m0.62708-1.61875l0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0m-2.3625 1.61875l0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0m2.98959 1.21042l0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0",
"fill": "#bec6e0ff",
"width": 12.539363861083984,
"height": 12.548574447631836
}
]
},
{
"type": "text",
"id": "g3Zyh8",
"name": "Text",
"fill": "#bec6e0ff",
"content": "BLOWING TIME",
"lineHeight": 1.3333333333333333,
"textAlignVertical": "middle",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "700",
"letterSpacing": 1.2000000476837158
}
]
},
{
"type": "frame",
"id": "CfoaV",
"name": "Container",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "frame",
"id": "ulADw",
"name": "Input",
"clip": true,
"width": "fill_container",
"fill": "#1b1b1dff",
"cornerRadius": 4,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "#45464dff"
},
"padding": [
12,
20
],
"justifyContent": "center",
"layoutIncludeStroke": true,
"children": [
{
"type": "frame",
"id": "G51TN",
"name": "Container",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"gap": -5.684341886080802e-14,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "ixSlG",
"name": "Container",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "frame",
"id": "V3vDM",
"name": "Container",
"clip": true,
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "text",
"id": "kXLkA",
"name": "5",
"fill": "#e4e2e4ff",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "5",
"lineHeight": 1.5555555555555556,
"textAlignVertical": "middle",
"fontFamily": "Inter",
"fontSize": 18,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "TI9m2",
"name": "Rectangle:align-stretch",
"height": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"children": [
{
"type": "rectangle",
"id": "jHcJF",
"name": "Rectangle",
"opacity": 0,
"width": 15,
"height": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
}
}
]
}
]
}
]
},
{
"type": "frame",
"id": "BmERI",
"layoutPosition": "absolute",
"x": 248.75,
"y": 15,
"name": "Container",
"height": 24,
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "text",
"id": "UlEyU",
"name": "Text",
"fill": "#909097ff",
"content": "MINUTES",
"lineHeight": 1.5,
"textAlignVertical": "middle",
"fontFamily": "Inter",
"fontSize": 16,
"fontWeight": "normal"
}
]
}
]
}
]
}
]
}
]
}
]
}
]
}
]
}
]
},
{
"type": "frame",
"id": "c9ulTq",
"name": "Footer - Bottom Action Bar",
"width": "fill_container",
"height": 96,
"fill": "#1f1f21ff",
"stroke": {
"align": "inside",
"thickness": {
"top": 1
},
"fill": "#45464dff"
},
"gap": 17.280000686645508,
"padding": [
0,
32
],
"justifyContent": "space_between",
"alignItems": "center",
"layoutIncludeStroke": true,
"children": [
{
"type": "frame",
"id": "pw1CR",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"gap": 48,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "b6UP7O",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"gap": 12,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "sL6HQ",
"name": "Overlay",
"fill": "#bec6e01a",
"cornerRadius": 4,
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"padding": 8,
"children": [
{
"type": "path",
"id": "Ouhv2",
"name": "Icon",
"geometry": "M8.995 2.45c1.76667 0 3.43333 0.37917 5 1.1375 1.56667 0.75833 2.875 1.85417 3.925 3.2875 0.11667 0.15 0.15416 0.28333 0.1125 0.4-0.04167 0.11667-0.1125 0.21667-0.2125 0.3-0.1 0.08333-0.21667 0.12083-0.35 0.1125-0.13333-0.00833-0.25-0.07917-0.35-0.2125-0.91667-1.3-2.09583-2.29583-3.5375-2.9875-1.44167-0.69167-2.97083-1.0375-4.5875-1.0375-1.61667 0-3.13333 0.34583-4.55 1.0375-1.41667 0.69167-2.59167 1.6875-3.525 2.9875-0.1 0.15-0.21667 0.23333-0.35 0.25-0.13333 0.01667-0.25-0.01667-0.35-0.1-0.11667-0.08333-0.1875-0.1875-0.2125-0.3125-0.025-0.125 0.0125-0.25417 0.1125-0.3875 1.03333-1.41667 2.32917-2.51667 3.8875-3.3 1.55833-0.78333 3.22083-1.175 4.9875-1.175l0 0m0 2.35c2.25 0 4.18333 0.75 5.8 2.25 1.61667 1.5 2.425 3.35833 2.425 5.575 0 0.83333-0.29583 1.52917-0.8875 2.0875-0.59167 0.55833-1.3125 0.8375-2.1625 0.8375-0.85 0-1.57917-0.27917-2.1875-0.8375-0.60833-0.55833-0.9125-1.25417-0.9125-2.0875 0-0.55-0.20417-1.0125-0.6125-1.3875-0.40833-0.375-0.89583-0.5625-1.4625-0.5625-0.56667 0-1.05417 0.1875-1.4625 0.5625-0.40833 0.375-0.6125 0.8375-0.6125 1.3875 0 1.61667 0.47917 2.96667 1.4375 4.05 0.95833 1.08333 2.19583 1.84167 3.7125 2.275 0.15 0.05 0.25 0.13333 0.3 0.25 0.05 0.11667 0.05833 0.24167 0.025 0.375-0.03333 0.11667-0.1 0.21666-0.2 0.3-0.1 0.08333-0.225 0.10833-0.375 0.075-1.73333-0.43333-3.15-1.29584-4.25-2.5875-1.1-1.29167-1.65-2.87083-1.65-4.7375 0-0.83333 0.3-1.53333 0.9-2.1 0.6-0.56667 1.325-0.85 2.175-0.85 0.85 0 1.575 0.28333 2.175 0.85 0.6 0.56667 0.9 1.26667 0.9 2.1 0 0.55 0.20833 1.0125 0.625 1.3875 0.41667 0.375 0.90833 0.5625 1.475 0.5625 0.56667 0 1.05-0.1875 1.45-0.5625 0.4-0.375 0.6-0.8375 0.6-1.3875 0-1.93333-0.70833-3.55833-2.125-4.875-1.41667-1.31667-3.10833-1.975-5.075-1.975-1.96667 0-3.65833 0.65833-5.075 1.975-1.41667 1.31667-2.125 2.93333-2.125 4.85 0 0.4 0.0375 0.9 0.1125 1.5 0.075 0.6 0.25417 1.3 0.5375 2.1 0.05 0.15 0.04583 0.28333-0.0125 0.4-0.05833 0.11667-0.15417 0.2-0.2875 0.25-0.13333 0.05-0.2625 0.04583-0.3875-0.0125-0.125-0.05833-0.2125-0.15417-0.2625-0.2875-0.25-0.65-0.42917-1.29583-0.5375-1.9375-0.10833-0.64167-0.1625-1.30417-0.1625-1.9875 0-2.21667 0.80417-4.075 2.4125-5.575 1.60833-1.5 3.52917-2.25 5.7625-2.25l0 0m0-4.8c1.06667 0 2.10833 0.12917 3.125 0.3875 1.01667 0.25833 2 0.62917 2.95 1.1125 0.15 0.08333 0.2375 0.18333 0.2625 0.3 0.025 0.11667 0.0125 0.23333-0.0375 0.35-0.05 0.11667-0.13333 0.20833-0.25 0.275-0.11667 0.06667-0.25833 0.05833-0.425-0.025-0.88333-0.45-1.79583-0.79583-2.7375-1.0375-0.94167-0.24167-1.90417-0.3625-2.8875-0.3625-0.96667 0-1.91667 0.1125-2.85 0.3375-0.93333 0.225-1.825 0.57917-2.675 1.0625-0.13333 0.08333-0.26667 0.10417-0.4 0.0625-0.13333-0.04167-0.23333-0.12917-0.3-0.2625-0.06667-0.13333-0.08333-0.25417-0.05-0.3625 0.03333-0.10833 0.11667-0.20417 0.25-0.2875 0.93333-0.5 1.90833-0.88333 2.925-1.15 1.01667-0.26667 2.05-0.4 3.1-0.4l0 0m0 7.225c1.55 0 2.88333 0.52083 4 1.5625 1.11667 1.04167 1.675 2.32083 1.675 3.8375 0 0.15-0.04583 0.27083-0.1375 0.3625-0.09167 0.09167-0.2125 0.1375-0.3625 0.1375-0.13333 0-0.25-0.04583-0.35-0.1375-0.1-0.09167-0.15-0.2125-0.15-0.3625 0-1.25-0.4625-2.29583-1.3875-3.1375-0.925-0.84167-2.02083-1.2625-3.2875-1.2625-1.26667 0-2.35417 0.42083-3.2625 1.2625-0.90833 0.84167-1.3625 1.8875-1.3625 3.1375 0 1.35 0.23333 2.49583 0.7 3.4375 0.46667 0.94167 1.15 1.8875 2.05 2.8375 0.1 0.1 0.15 0.21667 0.15 0.35 0 0.13333-0.05 0.25-0.15 0.35-0.1 0.1-0.21667 0.15-0.35 0.15-0.13333 0-0.25-0.05-0.35-0.15-0.98333-1.03333-1.7375-2.0875-2.2625-3.1625-0.525-1.075-0.7875-2.34583-0.7875-3.8125 0-1.51667 0.55-2.79583 1.65-3.8375 1.1-1.04167 2.425-1.5625 3.975-1.5625l0 0m-0.025 4.9c0.15 0 0.27083 0.05 0.3625 0.15 0.09167 0.1 0.1375 0.21667 0.1375 0.35 0 1.25 0.45 2.275 1.35 3.075 0.9 0.8 1.95 1.2 3.15 1.2 0.1 0 0.24167-0.00833 0.425-0.025 0.18333-0.01667 0.375-0.04167 0.575-0.075 0.15-0.03333 0.27917-0.0125 0.3875 0.0625 0.10833 0.075 0.17917 0.1875 0.2125 0.3375 0.03333 0.13333 0.00833 0.25-0.075 0.35-0.08333 0.1-0.19167 0.16667-0.325 0.2-0.3 0.08333-0.5625 0.12917-0.7875 0.1375-0.225 0.00833-0.3625 0.0125-0.4125 0.0125-1.48333 0-2.77083-0.5-3.8625-1.5-1.09167-1-1.6375-2.25833-1.6375-3.775 0-0.13333 0.04583-0.25 0.1375-0.35 0.09167-0.1 0.2125-0.15 0.3625-0.15l0 0",
"fill": "#bec6e0ff",
"width": 18.048948287963867,
"height": 19.964284896850586
}
]
},
{
"type": "frame",
"id": "yPlew",
"name": "Container",
"width": "fit_content(128.97000122070312)",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "frame",
"id": "fIZ0b",
"name": "Container",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "text",
"id": "WZ880",
"name": "Text",
"fill": "#909097ff",
"content": "PROGRAM ID",
"lineHeight": 1.5,
"textAlignVertical": "middle",
"fontFamily": "Inter",
"fontSize": 10,
"fontWeight": "700",
"letterSpacing": 0.5
}
]
},
{
"type": "frame",
"id": "eEbGv",
"name": "Container",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "text",
"id": "LZ1Kt",
"name": "Text",
"fill": "#e4e2e4ff",
"content": "#HRO-992-BETA",
"lineHeight": 1.5,
"textAlignVertical": "middle",
"fontFamily": "Inter",
"fontSize": 16,
"fontWeight": "normal"
}
]
}
]
}
]
},
{
"type": "frame",
"id": "XfcBW",
"name": "VerticalBorder",
"height": 40,
"stroke": {
"align": "inside",
"thickness": {
"left": 1
},
"fill": "#45464dff"
},
"gap": 12,
"padding": [
0,
0,
0,
48
],
"alignItems": "center",
"layoutIncludeStroke": true,
"children": [
{
"type": "frame",
"id": "mP75i",
"name": "Overlay",
"fill": "#bec6e01a",
"cornerRadius": 4,
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"padding": 8,
"children": [
{
"type": "path",
"id": "G7v99",
"name": "Icon",
"geometry": "M9 18c-2.3 0-4.30417-0.7625-6.0125-2.2875-1.70833-1.525-2.6875-3.42917-2.9375-5.7125l2.05 0c0.23333 1.73333 1.00417 3.16667 2.3125 4.3 1.30833 1.13333 2.8375 1.7 4.5875 1.7 1.95 0 3.60417-0.67917 4.9625-2.0375 1.35833-1.35833 2.0375-3.0125 2.0375-4.9625 0-1.95-0.67917-3.60417-2.0375-4.9625-1.35833-1.35833-3.0125-2.0375-4.9625-2.0375-1.15 0-2.225 0.26667-3.225 0.8-1 0.53333-1.84167 1.26667-2.525 2.2l2.75 0 0 2-6 0 0-6 2 0 0 2.35c0.85-1.06667 1.8875-1.89167 3.1125-2.475 1.225-0.58333 2.52083-0.875 3.8875-0.875 1.25 0 2.42083 0.2375 3.5125 0.7125 1.09167 0.475 2.04167 1.11667 2.85 1.925 0.80833 0.80833 1.45 1.75833 1.925 2.85 0.475 1.09167 0.7125 2.2625 0.7125 3.5125 0 1.25-0.2375 2.42083-0.7125 3.5125-0.475 1.09167-1.11667 2.04167-1.925 2.85-0.80833 0.80833-1.75833 1.45-2.85 1.925-1.09167 0.475-2.2625 0.7125-3.5125 0.7125l0 0m2.8-4.8l-3.8-3.8 0-5.4 2 0 0 4.6 3.2 3.2-1.4 1.4 0 0",
"fill": "#bec6e0ff",
"width": 18,
"height": 18
}
]
},
{
"type": "frame",
"id": "v7R80",
"name": "Container",
"width": "fit_content(156.52999877929688)",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "frame",
"id": "G3xrAO",
"name": "Container",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "text",
"id": "KUQqG",
"name": "Text",
"fill": "#909097ff",
"content": "LAST MODIFIED",
"lineHeight": 1.5,
"textAlignVertical": "middle",
"fontFamily": "Inter",
"fontSize": 10,
"fontWeight": "700",
"letterSpacing": 0.5
}
]
},
{
"type": "frame",
"id": "FQBXv",
"name": "Container",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "text",
"id": "ZKRmy",
"name": "Text",
"fill": "#e4e2e4ff",
"content": "2023-11-24 14:20:05",
"lineHeight": 1.5,
"textAlignVertical": "middle",
"fontFamily": "Inter",
"fontSize": 16,
"fontWeight": "normal"
}
]
}
]
}
]
}
]
},
{
"type": "frame",
"id": "pT8mc",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"gap": 16,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "OKDch",
"name": "Button",
"height": 48,
"cornerRadius": 8,
"stroke": {
"align": "inside",
"thickness": 2,
"fill": "#45464dff"
},
"gap": 8,
"padding": [
0,
32
],
"alignItems": "center",
"layoutIncludeStroke": true,
"children": [
{
"type": "frame",
"id": "r4cb9",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"alignItems": "center",
"children": [
{
"type": "path",
"id": "vKTtO",
"name": "Icon",
"geometry": "M1.66667 17.5c-0.45833 0-0.85069-0.1632-1.17709-0.48958-0.32639-0.32639-0.48958-0.71875-0.48958-1.17709l0-8.33333c0-0.45833 0.16319-0.85069 0.48958-1.17708 0.32639-0.32639 0.71875-0.48958 1.17709-0.48959l2.5 0 0 1.66667-2.5 0 0 0 0 0 0 8.33333 0 0 0 0 10 0 0 0 0 0 0-8.33333 0 0 0 0-2.5 0 0-1.66667 2.5 0c0.45833 0 0.85069 0.16319 1.17708 0.48959 0.32639 0.32639 0.48958 0.71875 0.48958 1.17708l0 8.33333c0 0.45833-0.16319 0.85069-0.48958 1.17709-0.32639 0.32639-0.71875 0.48958-1.17708 0.48958l-10 0 0 0m4.16666-5l0-9.3125-1.33333 1.33333-1.16667-1.1875 3.33334-3.33333 3.33333 3.33333-1.16667 1.1875-1.33333-1.33333 0 9.3125-1.66667 0 0 0",
"fill": "#e4e2e4ff",
"width": 13.333333015441895,
"height": 17.5
}
]
},
{
"type": "text",
"id": "t7QIH",
"name": "Text",
"fill": "#e4e2e4ff",
"content": "EXPORT CONFIG",
"lineHeight": 1.5,
"textAlign": "center",
"textAlignVertical": "middle",
"fontFamily": "Inter",
"fontSize": 16,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "mwtvY",
"name": "Button",
"height": 48,
"fill": "#0f172aff",
"cornerRadius": 8,
"stroke": {
"align": "inside",
"thickness": 2,
"fill": "#bec6e04d"
},
"gap": 8,
"padding": [
0,
40
],
"alignItems": "center",
"layoutIncludeStroke": true,
"children": [
{
"type": "frame",
"id": "jP9Iu",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"alignItems": "center",
"children": [
{
"type": "path",
"id": "rtU1Z",
"name": "Icon",
"geometry": "M1.66667 15c-0.45833 0-0.85069-0.16319-1.17709-0.48958-0.32639-0.32639-0.48958-0.71875-0.48958-1.17709l0-11.66666c0-0.45833 0.16319-0.85069 0.48958-1.17709 0.32639-0.32639 0.71875-0.48958 1.17709-0.48958l13.33333 0c0.45833 0 0.85069 0.16319 1.17708 0.48958 0.32639 0.32639 0.48958 0.71875 0.48959 1.17709l0 11.66666c0 0.45833-0.16319 0.85069-0.48959 1.17709-0.32639 0.32639-0.71875 0.48958-1.17708 0.48958l-13.33333 0 0 0m0-1.66667l13.33333 0 0 0 0 0 0-11.66666 0 0 0 0-13.33333 0 0 0 0 0 0 11.66666 0 0 0 0 0 0m0.83333-1.66666l4.16667 0 0-1.66667-4.16667 0 0 1.66667 0 0m7.95833-1.66667l4.125-4.125-1.1875-1.1875-2.9375 2.95833-1.1875-1.1875-1.16666 1.1875 2.35416 2.35417 0 0m-7.95833-1.66667l4.16667 0 0-1.66666-4.16667 0 0 1.66666 0 0m0-3.33333l4.16667 0 0-1.66667-4.16667 0 0 1.66667 0 0m-0.83333 8.33333l0 0 0 0 0 0 0-11.66666 0 0 0 0 0 0 0 0 0 0 0 11.66666 0 0 0 0 0 0",
"fill": "#bec6e0ff",
"width": 16.66666603088379,
"height": 15
}
]
},
{
"type": "text",
"id": "XfWoZ",
"name": "Text",
"fill": "#bec6e0ff",
"content": "VALIDATE RUN",
"lineHeight": 1.5,
"textAlign": "center",
"textAlignVertical": "middle",
"fontFamily": "Inter",
"fontSize": 16,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "Iml7D",
"name": "Button",
"height": 48,
"fill": "#0566d9ff",
"cornerRadius": 8,
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"padding": [
0,
48
],
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "rectangle",
"cornerRadius": 8,
"id": "m9FvU",
"layoutPosition": "absolute",
"x": 0,
"y": 0,
"name": "Button:shadow",
"fill": "#ffffff01",
"width": 228.6999969482422,
"height": 48,
"stroke": {
"align": "inside",
"thickness": 1
},
"effect": [
{
"type": "shadow",
"shadowType": "outer",
"color": "#0566d933",
"offset": {
"x": 0,
"y": 4
},
"blur": 5.25,
"spread": -4
},
{
"type": "shadow",
"shadowType": "outer",
"color": "#0566d933",
"offset": {
"x": 0,
"y": 10
},
"blur": 13.125,
"spread": -3
}
]
},
{
"type": "text",
"id": "uq84l",
"name": "Text",
"fill": "#e6ecffff",
"content": "SAVE PROTOCOL",
"lineHeight": 1.5,
"textAlign": "center",
"textAlignVertical": "middle",
"fontFamily": "Inter",
"fontSize": 16,
"fontWeight": "normal"
}
]
}
]
}
]
}
]
},
{
"type": "frame",
"id": "vEAdz",
"x": 4036,
"y": 100,
"name": "首页控制面板 - 桌面端",
"width": 1920,
"height": 1080,
"fill": [
"#ffffffff",
"#131315ff",
{
"type": "gradient",
"gradientType": "radial",
"enabled": true,
"rotation": -90,
"size": {
"width": 2.7105760218975945,
"height": 2.7105760218975945
},
"colors": [
{
"color": "#1e293bff",
"position": 0.00768594304099679
},
{
"color": "#1e293b00",
"position": 0.00768594304099679
}
],
"center": {
"x": -45.333335487505614,
"y": -45.333335487505614
}
}
],
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "frame",
"id": "dy6Ap",
"name": "Header - Top Navigation Bar / Device Status",
"width": "fill_container",
"height": 80,
"fill": "#131315cc",
"stroke": {
"align": "inside",
"thickness": {
"bottom": 1
},
"fill": "#45464dff"
},
"effect": {
"type": "background_blur",
"radius": 10.5
},
"gap": 430.3699951171875,
"padding": [
0,
32
],
"justifyContent": "space_between",
"alignItems": "center",
"layoutIncludeStroke": true,
"children": [
{
"type": "frame",
"id": "coabH",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"gap": 24,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "RMBOq",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"gap": 12,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "rqolb",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "path",
"id": "GkSnT",
"name": "Icon",
"geometry": "M1.25 23.13235l0-3.75 3.875 0-3.1875-10.4375c-0.5625-0.3125-1.02604-0.77083-1.39063-1.375-0.36458-0.60417-0.54688-1.25-0.54687-1.9375 0-1.04167 0.36458-1.92708 1.09375-2.65625 0.72917-0.72917 1.61458-1.09375 2.65625-1.09375 0.8125 0 1.53646 0.23437 2.17188 0.70313 0.63542 0.46875 1.07813 1.06771 1.32812 1.79687l4 0 0-1.25c0-0.35417 0.11979-0.65104 0.35938-0.89062 0.23958-0.23958 0.53646-0.35937 0.89062-0.35938 0.1875 0 0.36979 0.04167 0.54688 0.125 0.17708 0.08333 0.32813 0.20833 0.45312 0.375l0 0 2.125-2c0.1875-0.1875 0.41146-0.30729 0.67188-0.35937 0.26042-0.05208 0.51563-0.01562 0.76562 0.10937l4.875 2.25c0.25 0.125 0.42188 0.30729 0.51563 0.54688 0.09375 0.23958 0.08854 0.47396-0.01563 0.70312-0.125 0.25-0.30729 0.41146-0.54688 0.48438-0.23958 0.07292-0.47396 0.05729-0.70312-0.04688l-4.5-2.0625-2.9375 2.75 0 1.75 2.9375 2.6875 4.5-2.0625c0.22917-0.10417 0.46875-0.11458 0.71875-0.03125 0.25 0.08333 0.42708 0.23958 0.53125 0.46875 0.125 0.25 0.13542 0.48958 0.03125 0.71875-0.10417 0.22917-0.28125 0.40625-0.53125 0.53125l-4.875 2.3125c-0.25 0.125-0.50521 0.16146-0.76563 0.10938-0.26042-0.05208-0.48438-0.17188-0.67187-0.35938l-2.125-2 0 0c-0.125 0.125-0.27604 0.23958-0.45313 0.34375-0.17708 0.10417-0.35938 0.15625-0.54687 0.15625-0.35417 0-0.65104-0.11979-0.89063-0.35937-0.23958-0.23958-0.35938-0.53646-0.35937-0.89063l0-1.25-4 0c-0.0625 0.16667-0.13021 0.32292-0.20313 0.46875-0.07292 0.14583-0.17188 0.30208-0.29687 0.46875l6.25 11.5625 4.5 0 0 3.75-16.25 0 0 0m2.5-16.25c0.35417 0 0.65104-0.11979 0.89063-0.35937 0.23958-0.23958 0.35938-0.53646 0.35937-0.89063 0-0.35417-0.11979-0.65104-0.35938-0.89062-0.23958-0.23958-0.53646-0.35938-0.89062-0.35938-0.35417 0-0.65104 0.11979-0.89063 0.35938-0.23958 0.23958-0.35938 0.53646-0.35937 0.89062 0 0.35417 0.11979 0.65104 0.35937 0.89063 0.23958 0.23958 0.53646 0.35938 0.89063 0.35937l0 0m3.9375 12.5l2.4375 0-5.375-10c0 0-0.02083 0-0.0625 0-0.04167 0-0.0625 0-0.0625 0l3.0625 10 0 0m2.4375 0l0 0 0 0 0 0 0 0 0 0 0 0",
"fill": "#bec6e0ff",
"width": 22.539772033691406,
"height": 23.132352828979492
}
]
},
{
"type": "frame",
"id": "erR8c",
"name": "Heading 1",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "text",
"id": "IDYes",
"name": "Text",
"fill": "#e4e2e4ff",
"content": "污水毒品前处理一体机 | 控制面板",
"lineHeight": 1.5,
"textAlignVertical": "middle",
"fontFamily": "WenQuanYi Zen Hei",
"fontSize": 16,
"fontWeight": "500"
}
]
}
]
},
{
"type": "frame",
"id": "NCsvM",
"name": "Overlay+Border",
"fill": "#10b9811a",
"cornerRadius": 4,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "#10b98133"
},
"gap": 12,
"padding": [
8,
16
],
"alignItems": "center",
"layoutIncludeStroke": true,
"children": [
{
"type": "rectangle",
"cornerRadius": 12,
"id": "omAPB",
"name": "Background",
"fill": "#10b981ff",
"width": 10,
"height": 10,
"stroke": {
"align": "inside",
"thickness": 1
}
},
{
"type": "frame",
"id": "M7vB52",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "text",
"id": "pNv0T",
"name": "Text",
"fill": "#10b981ff",
"content": "设备运行中",
"lineHeight": 1.5,
"textAlignVertical": "middle",
"fontFamily": "WenQuanYi Zen Hei",
"fontSize": 16,
"fontWeight": "500",
"letterSpacing": 1.600000023841858
}
]
}
]
}
]
},
{
"type": "frame",
"id": "Fbrme",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"gap": 40,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "Z2YWE",
"name": "Real-time Clock",
"stroke": {
"align": "inside",
"thickness": {
"right": 1
},
"fill": "#45464dff"
},
"layout": "vertical",
"padding": [
0,
40,
0,
0
],
"alignItems": "end",
"layoutIncludeStroke": true,
"children": [
{
"type": "frame",
"id": "Mt7bx",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "text",
"id": "zqyUR",
"name": "Text",
"fill": "#c6c6cdff",
"content": "2026-05-19",
"lineHeight": 1.5,
"textAlignVertical": "middle",
"fontFamily": "Inter",
"fontSize": 16,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "DDIHh",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "text",
"id": "ilmG1",
"name": "Text",
"fill": "#e4e2e4ff",
"content": "07:10:34",
"lineHeight": 1.5,
"textAlignVertical": "middle",
"fontFamily": "Inter",
"fontSize": 16,
"fontWeight": "normal",
"letterSpacing": 0.800000011920929
}
]
}
]
},
{
"type": "frame",
"id": "aHISw",
"name": "Lighting & Theme Controls",
"stroke": {
"align": "inside",
"thickness": 1
},
"gap": 16,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "UQOsO",
"name": "Background+Border",
"fill": "#1b1b1dff",
"cornerRadius": 8,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "#45464dff"
},
"gap": 7.989999771118164,
"padding": 6,
"alignItems": "center",
"layoutIncludeStroke": true,
"children": [
{
"type": "frame",
"id": "Vml1U",
"name": "Button",
"fill": "#353436ff",
"cornerRadius": 4,
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"padding": 8,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "le4y9",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"justifyContent": "center",
"children": [
{
"type": "path",
"id": "A1rUcE",
"name": "Icon",
"geometry": "M11 14c0.83333 0 1.54167-0.29167 2.125-0.875 0.58333-0.58333 0.875-1.29167 0.875-2.125 0-0.83333-0.29167-1.54167-0.875-2.125-0.58333-0.58333-1.29167-0.875-2.125-0.875-0.83333 0-1.54167 0.29167-2.125 0.875-0.58333 0.58333-0.875 1.29167-0.875 2.125 0 0.83333 0.29167 1.54167 0.875 2.125 0.58333 0.58333 1.29167 0.875 2.125 0.875l0 0m0 2c-1.38333 0-2.5625-0.4875-3.5375-1.4625-0.975-0.975-1.4625-2.15417-1.4625-3.5375 0-1.38333 0.4875-2.5625 1.4625-3.5375 0.975-0.975 2.15417-1.4625 3.5375-1.4625 1.38333 0 2.5625 0.4875 3.5375 1.4625 0.975 0.975 1.4625 2.15417 1.4625 3.5375 0 1.38333-0.4875 2.5625-1.4625 3.5375-0.975 0.975-2.15417 1.4625-3.5375 1.4625l0 0m-7-4l-4 0 0-2 4 0 0 2 0 0m18 0l-4 0 0-2 4 0 0 2 0 0m-12-8l0-4 2 0 0 4-2 0 0 0m0 18l0-4 2 0 0 4-2 0 0 0m-4.6-15.25l-2.525-2.425 1.425-1.475 2.4 2.5-1.3 1.4 0 0m12.3 12.4l-2.425-2.525 1.325-1.375 2.525 2.425-1.425 1.475 0 0m-2.45-13.75l2.425-2.525 1.475 1.425-2.5 2.4-1.4-1.3 0 0m-12.4 12.3l2.525-2.425 1.375 1.325-2.425 2.525-1.475-1.425 0 0m8.15-6.7l0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0",
"fill": "#bec6e0ff",
"width": 22,
"height": 22
}
]
}
]
},
{
"type": "frame",
"id": "iRvuv",
"name": "Button",
"cornerRadius": 4,
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"padding": 8,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "sRnlq",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"justifyContent": "center",
"children": [
{
"type": "path",
"id": "K9p1g",
"name": "Icon",
"geometry": "M9 18c-2.5 0-4.625-0.875-6.375-2.625-1.75-1.75-2.625-3.875-2.625-6.375 0-2.5 0.875-4.625 2.625-6.375 1.75-1.75 3.875-2.625 6.375-2.625 0.23333 0 0.4625 0.00833 0.6875 0.025 0.225 0.01667 0.44583 0.04167 0.6625 0.075-0.68333 0.48333-1.22917 1.1125-1.6375 1.8875-0.40833 0.775-0.6125 1.6125-0.6125 2.5125 0 1.5 0.525 2.775 1.575 3.825 1.05 1.05 2.325 1.575 3.825 1.575 0.91667 0 1.75833-0.20417 2.525-0.6125 0.76667-0.40833 1.39167-0.95417 1.875-1.6375 0.03333 0.21667 0.05833 0.4375 0.075 0.6625 0.01667 0.225 0.025 0.45417 0.025 0.6875 0 2.5-0.875 4.625-2.625 6.375-1.75 1.75-3.875 2.625-6.375 2.625l0 0m0-2c1.46667 0 2.78333-0.40417 3.95-1.2125 1.16667-0.80833 2.01667-1.8625 2.55-3.1625-0.33333 0.08333-0.66667 0.15-1 0.2-0.33333 0.05-0.66667 0.075-1 0.075-2.05 0-3.79583-0.72083-5.2375-2.1625-1.44167-1.44167-2.1625-3.1875-2.1625-5.2375 0-0.33333 0.025-0.66667 0.075-1 0.05-0.33333 0.11667-0.66667 0.2-1-1.3 0.53333-2.35417 1.38333-3.1625 2.55-0.80833 1.16667-1.2125 2.48333-1.2125 3.95 0 1.93333 0.68333 3.58333 2.05 4.95 1.36667 1.36667 3.01667 2.05 4.95 2.05l0 0m-0.25-6.75l0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0",
"fill": "#909097ff",
"width": 18,
"height": 18
}
]
}
]
}
]
},
{
"type": "frame",
"id": "I5JSPI",
"name": "Button",
"width": 48,
"height": 48,
"fill": "#2a2a2bff",
"cornerRadius": 12,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "#45464dff"
},
"justifyContent": "center",
"alignItems": "center",
"layoutIncludeStroke": true,
"children": [
{
"type": "frame",
"id": "bNLbu",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"alignItems": "center",
"children": [
{
"type": "path",
"id": "IlVwt",
"name": "Icon",
"geometry": "M7.3 20l-0.4-3.2c-0.21667-0.08333-0.42083-0.18333-0.6125-0.3-0.19167-0.11667-0.37917-0.24167-0.5625-0.375l-2.975 1.25-2.75-4.75 2.575-1.95c-0.01667-0.11667-0.025-0.22917-0.025-0.3375 0-0.10833 0-0.22083 0-0.3375 0-0.11667 0-0.22917 0-0.3375 0-0.10833 0.00833-0.22083 0.025-0.3375l-2.575-1.95 2.75-4.75 2.975 1.25c0.18333-0.13333 0.375-0.25833 0.575-0.375 0.2-0.11667 0.4-0.21667 0.6-0.3l0.4-3.2 5.5 0 0.4 3.2c0.21667 0.08333 0.42083 0.18333 0.6125 0.3 0.19167 0.11667 0.37917 0.24167 0.5625 0.375l2.975-1.25 2.75 4.75-2.575 1.95c0.01667 0.11667 0.025 0.22917 0.025 0.3375 0 0.10833 0 0.22083 0 0.3375 0 0.11667 0 0.22917 0 0.3375 0 0.10833-0.01667 0.22083-0.05 0.3375l2.575 1.95-2.75 4.75-2.95-1.25c-0.18333 0.13333-0.375 0.25833-0.575 0.375-0.2 0.11667-0.4 0.21666-0.6 0.3l-0.4 3.2-5.5 0 0 0m1.75-2l1.975 0 0.35-2.65c0.51667-0.13333 0.99583-0.32917 1.4375-0.5875 0.44167-0.25833 0.84583-0.57083 1.2125-0.9375l2.475 1.025 0.975-1.7-2.15-1.625c0.08333-0.23333 0.14167-0.47917 0.175-0.7375 0.03333-0.25833 0.05-0.52083 0.05-0.7875 0-0.26667-0.01667-0.52917-0.05-0.7875-0.03333-0.25833-0.09167-0.50417-0.175-0.7375l2.15-1.625-0.975-1.7-2.475 1.05c-0.36667-0.38333-0.77083-0.70417-1.2125-0.9625-0.44167-0.25833-0.92083-0.45417-1.4375-0.5875l-0.325-2.65-1.975 0-0.35 2.65c-0.51667 0.13333-0.99583 0.32917-1.4375 0.5875-0.44167 0.25833-0.84583 0.57083-1.2125 0.9375l-2.475-1.025-0.975 1.7 2.15 1.6c-0.08333 0.25-0.14167 0.5-0.175 0.75-0.03333 0.25-0.05 0.51667-0.05 0.8 0 0.26667 0.01667 0.525 0.05 0.775 0.03333 0.25 0.09167 0.5 0.175 0.75l-2.15 1.625 0.975 1.7 2.475-1.05c0.36667 0.38333 0.77083 0.70417 1.2125 0.9625 0.44167 0.25833 0.92083 0.45417 1.4375 0.5875l0.325 2.65 0 0m1.05-4.5c0.96667 0 1.79167-0.34167 2.475-1.025 0.68333-0.68333 1.025-1.50833 1.025-2.475 0-0.96667-0.34167-1.79167-1.025-2.475-0.68333-0.68333-1.50833-1.025-2.475-1.025-0.98333 0-1.8125 0.34167-2.4875 1.025-0.675 0.68333-1.0125 1.50833-1.0125 2.475 0 0.96667 0.3375 1.79167 1.0125 2.475 0.675 0.68333 1.50417 1.025 2.4875 1.025l0 0m-0.05-3.5l0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0",
"fill": "#e4e2e4ff",
"width": 20.100000381469727,
"height": 20
}
]
}
]
}
]
}
]
}
]
},
{
"type": "frame",
"id": "iUZWH",
"name": "Main Content Area",
"clip": true,
"width": "fill_container",
"height": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"gap": 24,
"padding": 24,
"justifyContent": "center",
"children": [
{
"type": "frame",
"id": "X1MWhq",
"name": "Section - Left: Task List Area (Wide Grid)",
"width": 862.8599853515625,
"height": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"gap": 24,
"children": [
{
"type": "frame",
"id": "w1BXV",
"name": "Container",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"gap": 217.9499969482422,
"justifyContent": "space_between",
"alignItems": "end",
"children": [
{
"type": "frame",
"id": "cIXbp",
"name": "Container",
"width": "fit_content(224)",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"gap": 4,
"children": [
{
"type": "frame",
"id": "xfO2F",
"name": "Heading 2",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "text",
"id": "lD6fe",
"name": "Text",
"fill": "#bec6e0ff",
"content": "程序库",
"lineHeight": 1.5,
"textAlignVertical": "middle",
"fontFamily": "WenQuanYi Zen Hei",
"fontSize": 16,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "F8WOs5",
"name": "Container",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "text",
"id": "F2wHd",
"name": "Text",
"fill": "#c6c6cdff",
"content": "请选择需要执行的检测任务方案",
"lineHeight": 1.5,
"textAlignVertical": "middle",
"fontFamily": "WenQuanYi Zen Hei",
"fontSize": 16,
"fontWeight": "500"
}
]
}
]
},
{
"type": "frame",
"id": "egI3Q",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"gap": 16,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "eUpHL",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "frame",
"id": "dWZ7o",
"name": "Input",
"clip": true,
"width": 256,
"fill": "#1b1b1dff",
"cornerRadius": 4,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "#45464dff"
},
"padding": [
10,
16,
8,
40
],
"justifyContent": "center",
"layoutIncludeStroke": true,
"children": [
{
"type": "frame",
"id": "JKn98",
"name": "Container",
"clip": true,
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"padding": [
0,
0,
2,
0
],
"children": [
{
"type": "text",
"id": "R3zx2",
"name": "搜索任务...",
"fill": "#6b7280ff",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "搜索任务...",
"textAlignVertical": "middle",
"fontFamily": "WenQuanYi Zen Hei",
"fontSize": 16,
"fontWeight": "500"
}
]
}
]
},
{
"type": "frame",
"id": "N36YA",
"layoutPosition": "absolute",
"x": 12,
"y": 9,
"name": "Container",
"height": 24,
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "path",
"id": "OhNqJ",
"name": "Icon",
"geometry": "M16.6 18l-6.3-6.3c-0.5 0.4-1.075 0.71667-1.725 0.95-0.65 0.23333-1.34167 0.35-2.075 0.35-1.81667 0-3.35417-0.62917-4.6125-1.8875-1.25833-1.25833-1.8875-2.79583-1.8875-4.6125 0-1.81667 0.62917-3.35417 1.8875-4.6125 1.25833-1.25833 2.79583-1.8875 4.6125-1.8875 1.81667 0 3.35417 0.62917 4.6125 1.8875 1.25833 1.25833 1.8875 2.79583 1.8875 4.6125 0 0.73333-0.11667 1.425-0.35 2.075-0.23333 0.65-0.55 1.225-0.95 1.725l6.3 6.3-1.4 1.4 0 0m-10.1-7c1.25 0 2.3125-0.4375 3.1875-1.3125 0.875-0.875 1.3125-1.9375 1.3125-3.1875 0-1.25-0.4375-2.3125-1.3125-3.1875-0.875-0.875-1.9375-1.3125-3.1875-1.3125-1.25 0-2.3125 0.4375-3.1875 1.3125-0.875 0.875-1.3125 1.9375-1.3125 3.1875 0 1.25 0.4375 2.3125 1.3125 3.1875 0.875 0.875 1.9375 1.3125 3.1875 1.3125l0 0",
"fill": "#909097ff",
"width": 18,
"height": 18
}
]
}
]
},
{
"type": "frame",
"id": "G5884",
"name": "Background+Border",
"fill": "#1b1b1dff",
"cornerRadius": 4,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "#45464dff"
},
"layout": "vertical",
"padding": [
8,
16
],
"layoutIncludeStroke": true,
"children": [
{
"type": "text",
"id": "AyE0s",
"name": "Text",
"fill": "#909097ff",
"content": "共 8 个可用程序",
"lineHeight": 1.5,
"textAlignVertical": "middle",
"fontFamily": "WenQuanYi Zen Hei",
"fontSize": 16,
"fontWeight": "500"
}
]
}
]
}
]
},
{
"type": "frame",
"id": "wx2Eu",
"name": "Container",
"clip": true,
"width": "fill_container",
"height": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "none",
"children": [
{
"type": "frame",
"id": "s2p0Al",
"x": 290.2866516113281,
"y": 260,
"name": "Add New Program Card",
"width": 274.2866516113281,
"height": 260,
"fill": "#0e0e104d",
"cornerRadius": 16,
"stroke": {
"align": "inside",
"thickness": 2,
"fill": "#45464d66"
},
"layout": "vertical",
"padding": 24,
"justifyContent": "center",
"alignItems": "center",
"layoutIncludeStroke": true,
"children": [
{
"type": "frame",
"id": "YbdsF",
"name": "Margin",
"width": 64,
"height": 80,
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"padding": [
0,
0,
16,
0
],
"children": [
{
"type": "frame",
"id": "C0hWB4",
"name": "Background",
"width": 64,
"height": 64,
"fill": "#2a2a2bff",
"cornerRadius": 12,
"stroke": {
"align": "inside",
"thickness": 1
},
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "k0D0BA",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "path",
"id": "a8X0E",
"name": "Icon",
"geometry": "M7.5 10l-7.5 0 0-2.5 7.5 0 0-7.5 2.5 0 0 7.5 7.5 0 0 2.5-7.5 0 0 7.5-2.5 0 0-7.5 0 0",
"fill": "#e4e2e4ff",
"width": 17.5,
"height": 17.5
}
]
}
]
}
]
},
{
"type": "frame",
"id": "dCKjO",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "text",
"id": "NiqMz",
"name": "Text",
"fill": "#909097ff",
"content": "新建检测方案",
"lineHeight": 1.5,
"textAlignVertical": "middle",
"fontFamily": "WenQuanYi Zen Hei",
"fontSize": 16,
"fontWeight": "500"
}
]
}
]
},
{
"type": "frame",
"id": "yLsNz",
"x": 0,
"y": 0,
"name": "Program Card 1 (Active/Selected)",
"width": 274.2866516113281,
"height": 244,
"fill": "#1f1f21ff",
"cornerRadius": 16,
"stroke": {
"align": "inside",
"thickness": 2,
"fill": "#bec6e0ff"
},
"layout": "vertical",
"gap": 8,
"padding": 24,
"layoutIncludeStroke": true,
"children": [
{
"type": "rectangle",
"cornerRadius": 16,
"id": "EvXaq",
"layoutPosition": "absolute",
"x": 0,
"y": 0,
"name": "Program Card 1 (Active/Selected):shadow",
"fill": "#ffffff01",
"width": 274.2799987792969,
"height": 244,
"stroke": {
"align": "inside",
"thickness": 1
},
"effect": [
{
"type": "shadow",
"shadowType": "outer",
"color": "#bec6e00d",
"offset": {
"x": 0,
"y": 8
},
"blur": 8.75,
"spread": -6
},
{
"type": "shadow",
"shadowType": "outer",
"color": "#bec6e00d",
"offset": {
"x": 0,
"y": 20
},
"blur": 21.875,
"spread": -5
}
]
},
{
"type": "frame",
"id": "bLPdf",
"name": "Container",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "text",
"id": "NI8je",
"name": "ID: P-001",
"fill": "#909097ff",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "ID: P-001",
"lineHeight": 1.5,
"textAlignVertical": "middle",
"fontFamily": "Inter",
"fontSize": 16,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "WaVyW",
"name": "Heading 3",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "text",
"id": "Gh24L",
"name": "海洛因成分检测",
"fill": "#e4e2e4ff",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "海洛因成分检测",
"lineHeight": 1.5,
"textAlignVertical": "middle",
"fontFamily": "WenQuanYi Zen Hei",
"fontSize": 16,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "dJLQs",
"name": "Container",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"gap": 8,
"padding": [
8,
0,
16,
0
],
"children": [
{
"type": "frame",
"id": "N0Mli",
"name": "Container",
"width": "fill_container",
"height": "fit_content(20)",
"stroke": {
"align": "inside",
"thickness": 1
},
"gap": 104.80000305175781,
"justifyContent": "space_between",
"children": [
{
"type": "frame",
"id": "R0rW7",
"name": "Container",
"height": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "text",
"id": "t2Z9p1",
"name": "Text",
"fill": "#909097ff",
"content": "检测等级",
"lineHeight": 1.4285714285714286,
"textAlignVertical": "middle",
"fontFamily": "WenQuanYi Zen Hei",
"fontSize": 14,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "mF5yr",
"name": "Container",
"height": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "text",
"id": "VJYwU",
"name": "Text",
"fill": "#adc6ffff",
"content": "Standard",
"lineHeight": 1.4285714285714286,
"textAlignVertical": "middle",
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "600"
}
]
}
]
},
{
"type": "frame",
"id": "AMt4H",
"name": "Container",
"width": "fill_container",
"height": "fit_content(20)",
"stroke": {
"align": "inside",
"thickness": 1
},
"gap": 87.08999633789062,
"justifyContent": "space_between",
"children": [
{
"type": "frame",
"id": "JYwKQ",
"name": "Container",
"height": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "text",
"id": "oghms",
"name": "Text",
"fill": "#909097ff",
"content": "创建日期",
"lineHeight": 1.4285714285714286,
"textAlignVertical": "middle",
"fontFamily": "WenQuanYi Zen Hei",
"fontSize": 14,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "sHw9T",
"name": "Container",
"height": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "text",
"id": "SdmCg",
"name": "Text",
"fill": "#c6c6cdff",
"content": "2023-09-12",
"lineHeight": 1.4285714285714286,
"textAlignVertical": "middle",
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "normal"
}
]
}
]
}
]
},
{
"type": "frame",
"id": "QjH8q",
"name": "Button",
"width": "fill_container",
"fill": "#bec6e0ff",
"cornerRadius": 8,
"stroke": {
"align": "inside",
"thickness": 1
},
"padding": [
12,
0
],
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "l3LMZ",
"name": "Text",
"fill": "#283044ff",
"content": "重新配置方案",
"lineHeight": 1.5,
"textAlign": "center",
"textAlignVertical": "middle",
"fontFamily": "WenQuanYi Zen Hei",
"fontSize": 16,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "X48gJq",
"layoutPosition": "absolute",
"x": 231.27999877929688,
"y": 18,
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "path",
"id": "ty6MT",
"name": "Icon",
"geometry": "M10.75 18.25l8.8125-8.8125-1.75-1.75-7.0625 7.0625-3.5625-3.5625-1.75 1.75 5.3125 5.3125 0 0m1.75 6.75c-1.72917 0-3.35417-0.32813-4.875-0.98438-1.52083-0.65625-2.84375-1.54688-3.96875-2.67187-1.125-1.125-2.01563-2.44792-2.67188-3.96875-0.65625-1.52083-0.98438-3.14583-0.98437-4.875 0-1.72917 0.32813-3.35417 0.98437-4.875 0.65625-1.52083 1.54688-2.84375 2.67188-3.96875 1.125-1.125 2.44792-2.01563 3.96875-2.67188 1.52083-0.65625 3.14583-0.98438 4.875-0.98437 1.72917 0 3.35417 0.32813 4.875 0.98437 1.52083 0.65625 2.84375 1.54688 3.96875 2.67188 1.125 1.125 2.01563 2.44792 2.67188 3.96875 0.65625 1.52083 0.98438 3.14583 0.98437 4.875 0 1.72917-0.32813 3.35417-0.98437 4.875-0.65625 1.52083-1.54688 2.84375-2.67188 3.96875-1.125 1.125-2.44792 2.01563-3.96875 2.67188-1.52083 0.65625-3.14583 0.98438-4.875 0.98437l0 0",
"fill": "#bec6e0ff",
"width": 25,
"height": 25
}
]
}
]
},
{
"type": "frame",
"id": "kXeZa",
"x": 290.2866516113281,
"y": 0,
"name": "Program Card 2",
"width": 274.2866516113281,
"height": 244,
"fill": "#1e293bff",
"cornerRadius": 16,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "#334155ff"
},
"layout": "vertical",
"gap": 8,
"padding": 24,
"layoutIncludeStroke": true,
"children": [
{
"type": "frame",
"id": "JodWj",
"name": "Container",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "text",
"id": "Xw6gS",
"name": "ID: P-002",
"fill": "#909097ff",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "ID: P-002",
"lineHeight": 1.5,
"textAlignVertical": "middle",
"fontFamily": "Inter",
"fontSize": 16,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "CqPEO",
"name": "Heading 3",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "text",
"id": "h7NvEj",
"name": "冰毒快速筛查",
"fill": "#e4e2e4ff",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "冰毒快速筛查",
"lineHeight": 1.5,
"textAlignVertical": "middle",
"fontFamily": "WenQuanYi Zen Hei",
"fontSize": 16,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "fz6eX",
"name": "Container",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"gap": 8,
"padding": [
8,
0,
16,
0
],
"children": [
{
"type": "frame",
"id": "TbuTf",
"name": "Container",
"width": "fill_container",
"height": "fit_content(20)",
"stroke": {
"align": "inside",
"thickness": 1
},
"gap": 130.02999877929688,
"padding": [
0,
2.842170943040401e-14,
0,
0
],
"justifyContent": "space_between",
"children": [
{
"type": "frame",
"id": "NxB2w",
"name": "Container",
"height": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "text",
"id": "FbVlE",
"name": "Text",
"fill": "#909097ff",
"content": "检测等级",
"lineHeight": 1.4285714285714286,
"textAlignVertical": "middle",
"fontFamily": "WenQuanYi Zen Hei",
"fontSize": 14,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "N49wR",
"name": "Container",
"height": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "text",
"id": "BP8wr",
"name": "Text",
"fill": "#c6c6cdff",
"content": "Rapid",
"lineHeight": 1.4285714285714286,
"textAlignVertical": "middle",
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "600"
}
]
}
]
},
{
"type": "frame",
"id": "Nlyl4",
"name": "Container",
"width": "fill_container",
"height": "fit_content(20)",
"stroke": {
"align": "inside",
"thickness": 1
},
"gap": 89.16999816894531,
"justifyContent": "space_between",
"children": [
{
"type": "frame",
"id": "zv0FD",
"name": "Container",
"height": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "text",
"id": "l1ZcS",
"name": "Text",
"fill": "#909097ff",
"content": "创建日期",
"lineHeight": 1.4285714285714286,
"textAlignVertical": "middle",
"fontFamily": "WenQuanYi Zen Hei",
"fontSize": 14,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "JcF4L",
"name": "Container",
"height": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "text",
"id": "Xsay2",
"name": "Text",
"fill": "#c6c6cdff",
"content": "2023-10-05",
"lineHeight": 1.4285714285714286,
"textAlignVertical": "middle",
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "normal"
}
]
}
]
}
]
},
{
"type": "frame",
"id": "p2TQe",
"name": "Button",
"opacity": 0,
"width": "fill_container",
"fill": "#353436ff",
"cornerRadius": 8,
"stroke": {
"align": "inside",
"thickness": 1
},
"padding": [
12,
0
],
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "WWLxW",
"name": "Text",
"fill": "#e4e2e4ff",
"content": "选中此方案",
"lineHeight": 1.5,
"textAlign": "center",
"textAlignVertical": "middle",
"fontFamily": "WenQuanYi Zen Hei",
"fontSize": 16,
"fontWeight": "500"
}
]
}
]
},
{
"type": "frame",
"id": "qQZfO",
"x": 580.5733032226562,
"y": 0,
"name": "Program Card 3",
"width": 274.2866516113281,
"height": 244,
"fill": "#1e293bff",
"cornerRadius": 16,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "#334155ff"
},
"layout": "vertical",
"gap": 8,
"padding": 24,
"layoutIncludeStroke": true,
"children": [
{
"type": "frame",
"id": "XOF1G",
"name": "Container",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "text",
"id": "Y3JCf5",
"name": "ID: P-005",
"fill": "#909097ff",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "ID: P-005",
"lineHeight": 1.5,
"textAlignVertical": "middle",
"fontFamily": "Inter",
"fontSize": 16,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "diUR9",
"name": "Heading 3",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "text",
"id": "m6Y1pW",
"name": "氯胺酮定量分析",
"fill": "#e4e2e4ff",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "氯胺酮定量分析",
"lineHeight": 1.5,
"textAlignVertical": "middle",
"fontFamily": "WenQuanYi Zen Hei",
"fontSize": 16,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "cj8gs",
"name": "Container",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"gap": 8,
"padding": [
8,
0,
16,
0
],
"children": [
{
"type": "frame",
"id": "myONz",
"name": "Container",
"width": "fill_container",
"height": "fit_content(20)",
"stroke": {
"align": "inside",
"thickness": 1
},
"gap": 99.0999984741211,
"justifyContent": "space_between",
"children": [
{
"type": "frame",
"id": "kZeWW",
"name": "Container",
"height": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "text",
"id": "zumi0",
"name": "Text",
"fill": "#909097ff",
"content": "检测等级",
"lineHeight": 1.4285714285714286,
"textAlignVertical": "middle",
"fontFamily": "WenQuanYi Zen Hei",
"fontSize": 14,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "Yc5GP",
"name": "Container",
"height": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "text",
"id": "V7Z5a",
"name": "Text",
"fill": "#dec29aff",
"content": "Lab Grade",
"lineHeight": 1.4285714285714286,
"textAlignVertical": "middle",
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "600"
}
]
}
]
},
{
"type": "frame",
"id": "fE3sS",
"name": "Container",
"width": "fill_container",
"height": "fit_content(20)",
"stroke": {
"align": "inside",
"thickness": 1
},
"gap": 92.33000183105469,
"justifyContent": "space_between",
"children": [
{
"type": "frame",
"id": "e1pIh",
"name": "Container",
"height": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "text",
"id": "WhZgZ",
"name": "Text",
"fill": "#909097ff",
"content": "创建日期",
"lineHeight": 1.4285714285714286,
"textAlignVertical": "middle",
"fontFamily": "WenQuanYi Zen Hei",
"fontSize": 14,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "T039iA",
"name": "Container",
"height": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "text",
"id": "E7PpT",
"name": "Text",
"fill": "#c6c6cdff",
"content": "2023-10-15",
"lineHeight": 1.4285714285714286,
"textAlignVertical": "middle",
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "normal"
}
]
}
]
}
]
},
{
"type": "frame",
"id": "HOK7T",
"name": "Button",
"opacity": 0,
"width": "fill_container",
"fill": "#353436ff",
"cornerRadius": 8,
"stroke": {
"align": "inside",
"thickness": 1
},
"padding": [
12,
0
],
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "FgUgD",
"name": "Text",
"fill": "#e4e2e4ff",
"content": "选中此方案",
"lineHeight": 1.5,
"textAlign": "center",
"textAlignVertical": "middle",
"fontFamily": "WenQuanYi Zen Hei",
"fontSize": 16,
"fontWeight": "500"
}
]
}
]
},
{
"type": "frame",
"id": "cG6bh",
"x": 0,
"y": 260,
"name": "Program Card 4",
"width": 274.2866516113281,
"height": 260,
"fill": "#1e293bff",
"cornerRadius": 16,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "#334155ff"
},
"layout": "vertical",
"gap": 8,
"padding": 24,
"layoutIncludeStroke": true,
"children": [
{
"type": "frame",
"id": "c7u3De",
"name": "Container",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "text",
"id": "l0p77",
"name": "ID: P-008",
"fill": "#909097ff",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "ID: P-008",
"lineHeight": 1.5,
"textAlignVertical": "middle",
"fontFamily": "Inter",
"fontSize": 16,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "fgDXz",
"name": "Heading 3",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "text",
"id": "KKe3A",
"name": "可卡因代谢物检测",
"fill": "#e4e2e4ff",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "可卡因代谢物检测",
"lineHeight": 1.5,
"textAlignVertical": "middle",
"fontFamily": "WenQuanYi Zen Hei",
"fontSize": 16,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "elqLV",
"name": "Container",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"gap": 8,
"padding": [
8,
0,
16,
0
],
"children": [
{
"type": "frame",
"id": "gJ8sg",
"name": "Container",
"width": "fill_container",
"height": "fit_content(20)",
"stroke": {
"align": "inside",
"thickness": 1
},
"gap": 104.19999694824219,
"padding": [
0,
2.842170943040401e-14,
0,
0
],
"justifyContent": "space_between",
"children": [
{
"type": "frame",
"id": "yMX9b",
"name": "Container",
"height": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "text",
"id": "Qi3Je",
"name": "Text",
"fill": "#909097ff",
"content": "检测等级",
"lineHeight": 1.4285714285714286,
"textAlignVertical": "middle",
"fontFamily": "WenQuanYi Zen Hei",
"fontSize": 14,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "kwVQw",
"name": "Container",
"height": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "text",
"id": "h1Xx9",
"name": "Text",
"fill": "#c6c6cdff",
"content": "Extended",
"lineHeight": 1.4285714285714286,
"textAlignVertical": "middle",
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "600"
}
]
}
]
},
{
"type": "frame",
"id": "y3nTf",
"name": "Container",
"width": "fill_container",
"height": "fit_content(20)",
"stroke": {
"align": "inside",
"thickness": 1
},
"gap": 89.41999816894531,
"padding": [
0,
2.842170943040401e-14,
0,
0
],
"justifyContent": "space_between",
"children": [
{
"type": "frame",
"id": "EIAiE",
"name": "Container",
"height": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "text",
"id": "N8JIou",
"name": "Text",
"fill": "#909097ff",
"content": "创建日期",
"lineHeight": 1.4285714285714286,
"textAlignVertical": "middle",
"fontFamily": "WenQuanYi Zen Hei",
"fontSize": 14,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "NUqVp",
"name": "Container",
"height": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "text",
"id": "o6p0Ia",
"name": "Text",
"fill": "#c6c6cdff",
"content": "2023-10-20",
"lineHeight": 1.4285714285714286,
"textAlignVertical": "middle",
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "normal"
}
]
}
]
}
]
},
{
"type": "frame",
"id": "NaGw2",
"name": "Button",
"opacity": 0,
"width": "fill_container",
"fill": "#353436ff",
"cornerRadius": 8,
"stroke": {
"align": "inside",
"thickness": 1
},
"padding": [
12,
0
],
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "Nzist",
"name": "Text",
"fill": "#e4e2e4ff",
"content": "选中此方案",
"lineHeight": 1.5,
"textAlign": "center",
"textAlignVertical": "middle",
"fontFamily": "WenQuanYi Zen Hei",
"fontSize": 16,
"fontWeight": "500"
}
]
}
]
}
]
}
]
},
{
"type": "frame",
"id": "C0i7t2",
"name": "Aside - Right: Running Status Sidebar (Detailed)",
"clip": true,
"width": 345.1400146484375,
"height": "fill_container",
"fill": "#1f1f21ff",
"cornerRadius": 24,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "#45464dff"
},
"layout": "vertical",
"padding": 32,
"justifyContent": "center",
"layoutIncludeStroke": true,
"children": [
{
"type": "rectangle",
"cornerRadius": 12,
"id": "n8HoI",
"layoutPosition": "absolute",
"x": 184.13999938964844,
"y": -95,
"name": "Background Decorative Glow",
"fill": "#bec6e00d",
"width": 256,
"height": 256,
"stroke": {
"align": "inside",
"thickness": 1
},
"effect": {
"type": "blur",
"radius": 70
}
},
{
"type": "frame",
"id": "H6Mw0t",
"name": "Container",
"width": "fill_container",
"height": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "frame",
"id": "Kvvbl",
"name": "Margin",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"padding": [
0,
0,
40,
0
],
"children": [
{
"type": "frame",
"id": "LHClo",
"name": "Container",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"gap": 67.12000274658203,
"justifyContent": "space_between",
"children": [
{
"type": "text",
"id": "urcVC",
"name": "Heading 2 → 运行状态",
"fill": "#e4e2e4ff",
"content": "运行状态",
"lineHeight": 1.5,
"textAlignVertical": "middle",
"fontFamily": "WenQuanYi Zen Hei",
"fontSize": 16,
"fontWeight": "500"
},
{
"type": "frame",
"id": "djKB6",
"name": "Overlay+Border",
"fill": "#adc6ff1a",
"cornerRadius": 12,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "#adc6ff33"
},
"layout": "vertical",
"padding": [
4,
12
],
"layoutIncludeStroke": true,
"children": [
{
"type": "text",
"id": "NvmsX",
"name": "Text",
"fill": "#adc6ffff",
"content": "正在处理 A1 模块",
"lineHeight": 1.5,
"textAlignVertical": "middle",
"fontFamily": "WenQuanYi Zen Hei",
"fontSize": 16,
"fontWeight": "500"
}
]
}
]
}
]
},
{
"type": "frame",
"id": "IZTSM",
"name": "Status Grid:margin",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"padding": [
0,
0,
32,
0
],
"children": [
{
"type": "frame",
"id": "do8sI",
"name": "Status Grid",
"width": "fill_container",
"height": 275,
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "none",
"children": [
{
"type": "frame",
"id": "OjhHr",
"x": 0,
"y": 0,
"name": "Background+Border",
"width": 279.1400146484375,
"height": 118,
"fill": "#0e0e10ff",
"cornerRadius": 16,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "#45464d66"
},
"gap": 24,
"padding": 24,
"alignItems": "center",
"layoutIncludeStroke": true,
"children": [
{
"type": "frame",
"id": "Y1LDO",
"name": "Overlay",
"width": 64,
"height": 64,
"fill": "#bec6e01a",
"cornerRadius": 16,
"stroke": {
"align": "inside",
"thickness": 1
},
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "ZDL38",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "path",
"id": "jcXfD",
"name": "Icon",
"geometry": "M0 15l0-12.5c0-0.6875 0.24479-1.27604 0.73438-1.76563 0.48958-0.48958 1.07813-0.73438 1.76562-0.73437l17.5 0c0.6875 0 1.27604 0.24479 1.76563 0.73438 0.48958 0.48958 0.73438 1.07813 0.73437 1.76562l0 12.5c0 0.6875-0.24479 1.27604-0.73438 1.76563-0.48958 0.48958-1.07813 0.73438-1.76562 0.73437l-17.5 0c-0.6875 0-1.27604-0.24479-1.76563-0.73438-0.48958-0.48958-0.73438-1.07813-0.73437-1.76562l0 0m9.15625-7.5l10.84375 0 0 0 0 0 0-5 0 0 0 0-10.84375 0 0 0 0 0 0 5 0 0 0 0 0 0m6.6875 7.5l4.15625 0 0 0 0 0 0-5 0 0 0 0-4.15625 0 0 0 0 0 0 5 0 0 0 0 0 0m-6.6875 0l4.1875 0 0 0 0 0 0-5 0 0 0 0-4.1875 0 0 0 0 0 0 5 0 0 0 0 0 0m-6.65625 0l4.15625 0 0 0 0 0 0-12.5 0 0 0 0-4.15625 0 0 0 0 0 0 12.5 0 0 0 0 0 0",
"fill": "#bec6e0ff",
"width": 22.5,
"height": 17.5
}
]
}
]
},
{
"type": "frame",
"id": "Y3PvJ",
"name": "Container",
"width": "fit_content(112.61000061035156)",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"gap": 4,
"children": [
{
"type": "frame",
"id": "xtv1v",
"name": "Container",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "text",
"id": "J34MhH",
"name": "Text",
"fill": "#909097ff",
"content": "当前单元 UNIT",
"lineHeight": 1.5,
"textAlignVertical": "middle",
"fontFamily": "Inter",
"fontSize": 16,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "qZp6f",
"name": "Paragraph",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"gap": 8,
"children": [
{
"type": "text",
"id": "ILjqC",
"name": "Text",
"fill": "#e4e2e4ff",
"content": "A1",
"lineHeight": 1.1111111111111112,
"textAlignVertical": "middle",
"fontFamily": "Inter",
"fontSize": 36,
"fontWeight": "700"
},
{
"type": "text",
"id": "z0oni",
"name": "Text",
"fill": "#c6c6cdff",
"content": "加样模块",
"lineHeight": 1.5,
"textAlignVertical": "middle",
"fontFamily": "WenQuanYi Zen Hei",
"fontSize": 16,
"fontWeight": "500"
}
]
}
]
}
]
},
{
"type": "frame",
"id": "v0sQVl",
"x": 0,
"y": 134,
"name": "Background+Border",
"width": 279.1400146484375,
"height": 141,
"fill": "#0e0e10ff",
"cornerRadius": 16,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "#45464d66"
},
"gap": 24,
"padding": 24,
"alignItems": "center",
"layoutIncludeStroke": true,
"children": [
{
"type": "frame",
"id": "fKMYf",
"name": "Overlay",
"width": 60.91999816894531,
"height": 64,
"fill": "#adc6ff1a",
"cornerRadius": 16,
"stroke": {
"align": "inside",
"thickness": 1
},
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "hRqJb",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "path",
"id": "gm9LZ",
"name": "Icon",
"geometry": "M21.25 10c-1.0625 0-1.95313-0.35938-2.67188-1.07813-0.71875-0.71875-1.07813-1.60938-1.07812-2.67187 0-1.0625 0.35938-1.95313 1.07812-2.67188 0.71875-0.71875 1.60938-1.07813 2.67188-1.07812 1.0625 0 1.95313 0.35938 2.67188 1.07812 0.71875 0.71875 1.07813 1.60938 1.07812 2.67188 0 1.0625-0.35938 1.95313-1.07812 2.67188-0.71875 0.71875-1.60938 1.07813-2.67188 1.07812l0 0m-12.5 2.5l-1.75-1.78125 3.21875-3.21875-10.21875 0 0-2.5 10.21875 0-3.21875-3.25 1.75-1.75 6.25 6.25-6.25 6.25 0 0",
"fill": "#adc6ffff",
"width": 25,
"height": 12.5
}
]
}
]
},
{
"type": "frame",
"id": "v7pM9",
"name": "Container",
"width": "fit_content(108.86000061035156)",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"gap": 4,
"children": [
{
"type": "frame",
"id": "qs3x0",
"name": "Container",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "text",
"id": "WBSks",
"name": "Text",
"fill": "#909097ff",
"content": "当前步骤 STEP",
"lineHeight": 1.5,
"textAlignVertical": "middle",
"fontFamily": "Inter",
"fontSize": 16,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "xjwrj",
"name": "Container",
"width": "fill_container",
"height": 63,
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "none",
"children": [
{
"type": "text",
"id": "cHm3d",
"x": 0,
"y": 0,
"name": "Text",
"fill": "#e4e2e4ff",
"content": "03",
"lineHeight": 1.1111111111111112,
"textAlignVertical": "middle",
"fontFamily": "Inter",
"fontSize": 36,
"fontWeight": "700"
},
{
"type": "frame",
"id": "b3aoM",
"x": 55.52000045776367,
"y": 15,
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"padding": [
0,
8.699999809265137,
0,
0
],
"children": [
{
"type": "text",
"id": "DV7om",
"name": "Text",
"fill": "#c6c6cdff",
"content": "离心搅拌程\n序",
"lineHeight": 1.5,
"textAlignVertical": "middle",
"fontFamily": "WenQuanYi Zen Hei",
"fontSize": 16,
"fontWeight": "500"
}
]
}
]
}
]
}
]
}
]
}
]
},
{
"type": "frame",
"id": "vjr0A",
"name": "Time Section:margin",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"padding": [
0,
0,
40,
0
],
"children": [
{
"type": "frame",
"id": "xxQZw",
"name": "Time Section",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"gap": 8,
"children": [
{
"type": "frame",
"id": "cGP55",
"name": "Container",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "J6hU8",
"name": "Text",
"fill": "#909097ff",
"content": "剩余预计时间 ESTIMATED\nREMAINING",
"lineHeight": 1.5,
"textAlign": "center",
"textAlignVertical": "middle",
"fontFamily": "Inter",
"fontSize": 16,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "o24wI",
"name": "Container",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "umenP",
"name": "Text",
"fill": "#adc6ffff",
"content": "00:01:45",
"lineHeight": 1,
"textAlign": "center",
"textAlignVertical": "middle",
"fontFamily": "Liberation Mono",
"fontSize": 48,
"fontWeight": "normal",
"letterSpacing": 4.800000190734863
}
]
}
]
}
]
},
{
"type": "frame",
"id": "hlhxm",
"name": "Progress Section",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"gap": 16,
"children": [
{
"type": "frame",
"id": "NbBMx",
"name": "Container",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"gap": 179.58999633789062,
"justifyContent": "space_between",
"alignItems": "end",
"children": [
{
"type": "frame",
"id": "LM4oo",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "text",
"id": "wXEJV",
"name": "Text",
"fill": "#e4e2e4ff",
"content": "总体进度",
"lineHeight": 1.5,
"textAlignVertical": "middle",
"fontFamily": "WenQuanYi Zen Hei",
"fontSize": 16,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "cCwSn",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"children": [
{
"type": "text",
"id": "NgfEn",
"name": "Text",
"fill": "#adc6ffff",
"content": "45%",
"lineHeight": 1.5,
"textAlignVertical": "middle",
"fontFamily": "Inter",
"fontSize": 16,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "HC3iD",
"name": "Background+Border",
"clip": true,
"width": "fill_container",
"height": 32,
"fill": "#353436ff",
"cornerRadius": 16,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "#45464d4d"
},
"layout": "vertical",
"padding": 4,
"justifyContent": "center",
"layoutIncludeStroke": true,
"children": [
{
"type": "frame",
"id": "pDu4v",
"name": "Background",
"width": 121.11000061035156,
"height": "fill_container",
"fill": "#adc6ffff",
"cornerRadius": 8,
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"justifyContent": "center",
"children": [
{
"type": "rectangle",
"id": "cv231",
"name": "Gradient",
"fill": {
"type": "gradient",
"gradientType": "linear",
"enabled": true,
"rotation": -450,
"size": {
"height": 1
},
"colors": [
{
"color": "#ffffff00",
"position": 0
},
{
"color": "#ffffff33",
"position": 0.5
},
{
"color": "#ffffff00",
"position": 1
}
],
"center": {
"y": 0.49999999999999994
}
},
"width": "fill_container",
"height": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
}
}
]
}
]
}
]
},
{
"type": "frame",
"id": "yIlwN",
"name": "Decorative Visual:margin",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"padding": [
32,
0,
0,
0
],
"children": [
{
"type": "frame",
"id": "g2FSM",
"name": "Decorative Visual",
"clip": true,
"width": "fill_container",
"height": 89,
"fill": "#1b1b1d80",
"cornerRadius": 16,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "#45464d33"
},
"layout": "none",
"children": [
{
"type": "frame",
"id": "C119e",
"x": 1,
"y": 1,
"name": "Interior view of processing unit",
"opacity": 0.30000001192092896,
"clip": true,
"width": 277.1400146484375,
"height": 160,
"fill": [
{
"type": "image",
"enabled": true,
"url": "images\\image-import.png",
"mode": "stretch"
},
{
"type": "color",
"color": "#ffffffff",
"enabled": true,
"blendMode": "saturation"
}
],
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "none"
},
{
"type": "frame",
"id": "iAn4l",
"x": 1,
"y": 1,
"name": "Container",
"width": 277.1400146484375,
"height": 87,
"stroke": {
"align": "inside",
"thickness": 1
},
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "zteVN",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"gap": 8,
"alignItems": "center",
"children": [
{
"type": "path",
"id": "POqCD",
"name": "Icon",
"geometry": "M20 28c-2.2 0-4.08333-0.78333-5.65-2.35-1.56667-1.56667-2.35-3.45-2.35-5.65 0-2.2 0.78333-4.08333 2.35-5.65 1.56667-1.56667 3.45-2.35 5.65-2.35 2.2 0 4.08333 0.78333 5.65 2.35 1.56667 1.56667 2.35 3.45 2.35 5.65 0 2.2-0.78333 4.08333-2.35 5.65-1.56667 1.56667-3.45 2.35-5.65 2.35l0 0m0-4c1.1 0 2.04167-0.39167 2.825-1.175 0.78333-0.78333 1.175-1.725 1.175-2.825 0-1.1-0.39167-2.04167-1.175-2.825-0.78333-0.78333-1.725-1.175-2.825-1.175-1.1 0-2.04167 0.39167-2.825 1.175-0.78333 0.78333-1.175 1.725-1.175 2.825 0 1.1 0.39167 2.04167 1.175 2.825 0.78333 0.78333 1.725 1.175 2.825 1.175l0 0m9.05 16c0.6-1.86666 1.05-3.53333 1.35-5 0.3-1.46667 0.53333-2.63334 0.7-3.5-1.43333 1.4-3.1 2.5-5 3.3-1.9 0.8-3.93333 1.2-6.1 1.2-4.53333 0-8.50833-0.30833-11.925-0.925-3.41667-0.61666-6.10833-1.20834-8.075-1.775l0-4.25c1.86667 0.6 3.53333 1.05 5 1.35 1.46667 0.3 2.63333 0.53333 3.5 0.7-1.4-1.43333-2.5-3.1-3.3-5-0.8-1.9-1.2-3.93333-1.2-6.1 0-4.56667 0.30833-8.55 0.925-11.95 0.61667-3.4 1.20833-6.08333 1.775-8.05l4.25 0c-0.6 1.86667-1.05833 3.53333-1.375 5-0.31667 1.46667-0.54167 2.63333-0.675 3.5 1.43333-1.4 3.1-2.5 5-3.3 1.9-0.8 3.93333-1.2 6.1-1.2 4.56667 0 8.55 0.30833 11.95 0.925 3.4 0.61667 6.08333 1.20833 8.05 1.775l0 4.25c-1.86666-0.6-3.53333-1.05833-5-1.375-1.46667-0.31667-2.63334-0.54167-3.5-0.675 1.4 1.43333 2.5 3.1 3.3 5 0.8 1.9 1.2 3.93333 1.2 6.1 0 4.56667-0.30833 8.55-0.925 11.95-0.61666 3.4-1.20834 6.08333-1.775 8.05l-4.25 0 0 0m-9.05-8c3.33333 0 6.16667-1.16667 8.5-3.5 2.33333-2.33333 3.5-5.16667 3.5-8.5 0-3.33333-1.16667-6.16667-3.5-8.5-2.33333-2.33333-5.16667-3.5-8.5-3.5-3.33333 0-6.16667 1.16667-8.5 3.5-2.33333 2.33333-3.5 5.16667-3.5 8.5 0 3.33333 1.16667 6.16667 3.5 8.5 2.33333 2.33333 5.16667 3.5 8.5 3.5l0 0",
"fill": "#adc6ffff",
"width": 40,
"height": 40
},
{
"type": "frame",
"id": "pIZeB",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "dd70o",
"name": "Text",
"fill": "#adc6ffff",
"content": "AGITATOR ACTIVE - 450 RPM",
"lineHeight": 1.3333333333333333,
"textAlign": "center",
"textAlignVertical": "middle",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
}
]
}
]
}
]
}
]
}
]
}
]
}
]
}
]
},
{
"type": "frame",
"id": "P4mkZ",
"name": "Footer - Bottom Controls Bar",
"width": "fill_container",
"height": 112,
"fill": "#0e0e10ff",
"stroke": {
"align": "inside",
"thickness": {
"top": 1
},
"fill": "#45464dff"
},
"padding": [
0,
32
],
"justifyContent": "center",
"alignItems": "center",
"layoutIncludeStroke": true,
"children": [
{
"type": "frame",
"id": "h7D5Pn",
"name": "Background+Border",
"fill": "#1b1b1dff",
"cornerRadius": 16,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "#45464dff"
},
"gap": 24,
"padding": 12,
"alignItems": "center",
"layoutIncludeStroke": true,
"children": [
{
"type": "rectangle",
"cornerRadius": 16,
"id": "n2Gp1z",
"layoutPosition": "absolute",
"x": 0,
"y": 0,
"name": "Overlay+Shadow",
"fill": "#ffffff01",
"width": 886.030029296875,
"height": 100,
"stroke": {
"align": "inside",
"thickness": 1
},
"effect": {
"type": "shadow",
"shadowType": "outer",
"color": "#00000040",
"offset": {
"x": 0,
"y": 25
},
"blur": 43.75,
"spread": -12
}
},
{
"type": "frame",
"id": "b36Mn",
"name": "Button - Run (Disabled during run)",
"opacity": 0.5,
"fill": "#35343680",
"cornerRadius": 8,
"stroke": {
"align": "inside",
"thickness": 1
},
"gap": 16,
"padding": [
16,
40
],
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "ZmeBN",
"name": "Background",
"width": 40,
"height": 40,
"fill": "#353436ff",
"cornerRadius": 4,
"stroke": {
"align": "inside",
"thickness": 1
},
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "y2rcP",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"alignItems": "center",
"children": [
{
"type": "path",
"id": "fo4it",
"name": "Icon",
"geometry": "M0 17.5l0-17.5 13.75 8.75-13.75 8.75 0 0",
"fill": "#909097ff",
"width": 13.75,
"height": 17.5
}
]
}
]
},
{
"type": "frame",
"id": "spQCy",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "CCvdd",
"name": "Text",
"fill": "#909097ff",
"content": "开始运行 RUN",
"lineHeight": 1.5,
"textAlign": "center",
"textAlignVertical": "middle",
"fontFamily": "WenQuanYi Zen Hei",
"fontSize": 16,
"fontWeight": "500",
"letterSpacing": 1.600000023841858
}
]
}
]
},
{
"type": "rectangle",
"id": "FEGmK",
"name": "Vertical Divider",
"fill": "#45464dff",
"width": 1,
"height": 48,
"stroke": {
"align": "inside",
"thickness": 1
}
},
{
"type": "frame",
"id": "ril87",
"name": "Button - Pause",
"fill": "#f59e0b1a",
"cornerRadius": 8,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "#f59e0b33"
},
"gap": 16,
"padding": [
16,
40
],
"alignItems": "center",
"layoutIncludeStroke": true,
"children": [
{
"type": "frame",
"id": "bFjaZ",
"name": "Overlay",
"width": 40,
"height": 40,
"fill": "#f59e0b33",
"cornerRadius": 4,
"stroke": {
"align": "inside",
"thickness": 1
},
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "f9KdrY",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"alignItems": "center",
"children": [
{
"type": "path",
"id": "MliCt",
"name": "Icon",
"geometry": "M10 17.5l0-17.5 5 0 0 17.5-5 0 0 0m-10 0l0-17.5 5 0 0 17.5-5 0 0 0",
"fill": "#f59e0bff",
"width": 15,
"height": 17.5
}
]
}
]
},
{
"type": "frame",
"id": "EltYY",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "R50EpM",
"name": "Text",
"fill": "#f59e0bff",
"content": "暂停任务 PAUSE",
"lineHeight": 1.5,
"textAlign": "center",
"textAlignVertical": "middle",
"fontFamily": "Inter",
"fontSize": 16,
"fontWeight": "normal",
"letterSpacing": 1.600000023841858
}
]
}
]
},
{
"type": "frame",
"id": "Y9seHh",
"name": "Button - Stop",
"fill": "#ef4444ff",
"cornerRadius": 8,
"stroke": {
"align": "inside",
"thickness": 1
},
"gap": 16,
"padding": [
16,
40
],
"alignItems": "center",
"children": [
{
"type": "rectangle",
"cornerRadius": 8,
"id": "OOZC8",
"layoutPosition": "absolute",
"x": 0,
"y": 0,
"name": "Button - Stop:shadow",
"fill": "#ffffff01",
"width": 261.4100036621094,
"height": 72,
"stroke": {
"align": "inside",
"thickness": 1
},
"effect": [
{
"type": "shadow",
"shadowType": "outer",
"color": "#ef444433",
"offset": {
"x": 0,
"y": 4
},
"blur": 5.25,
"spread": -4
},
{
"type": "shadow",
"shadowType": "outer",
"color": "#ef444433",
"offset": {
"x": 0,
"y": 10
},
"blur": 13.125,
"spread": -3
}
]
},
{
"type": "frame",
"id": "I2CY0u",
"name": "Overlay",
"width": 40,
"height": 40,
"fill": "#ffffff33",
"cornerRadius": 4,
"stroke": {
"align": "inside",
"thickness": 1
},
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "Zfv0D",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"alignItems": "center",
"children": [
{
"type": "path",
"id": "aW83F",
"name": "Icon",
"geometry": "M0 15l0-15 15 0 0 15-15 0 0 0",
"fill": "#ffffffff",
"width": 15,
"height": 15
}
]
}
]
},
{
"type": "frame",
"id": "CHpWj",
"name": "Container",
"stroke": {
"align": "inside",
"thickness": 1
},
"layout": "vertical",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "u2n88",
"name": "Text",
"fill": "#ffffffff",
"content": "停止运行 STOP",
"lineHeight": 1.5,
"textAlign": "center",
"textAlignVertical": "middle",
"fontFamily": "Inter",
"fontSize": 16,
"fontWeight": "normal",
"letterSpacing": 1.600000023841858
}
]
}
]
}
]
}
]
}
]
}
]
}
],
"variables": {
"--accent-danger": {
"type": "color",
"value": "#E74C3C"
},
"--accent-primary": {
"type": "color",
"value": "#635BFF"
},
"--accent-success": {
"type": "color",
"value": "#27AE60"
},
"--accent-warning": {
"type": "color",
"value": "#F39C12"
},
"--bg-card": {
"type": "color",
"value": "#FFFFFF"
},
"--bg-dark": {
"type": "color",
"value": "#1A1A1A"
},
"--bg-primary": {
"type": "color",
"value": "#FFFFFF"
},
"--bg-secondary": {
"type": "color",
"value": "#FFFFFF"
},
"--border-color": {
"type": "color",
"value": "#E5E7EB"
},
"--font-muted": {
"type": "color",
"value": "#95A5A6"
},
"--font-primary": {
"type": "color",
"value": "#1A1A1A"
},
"--font-secondary": {
"type": "color",
"value": "#4B5563"
},
"--radius-lg": {
"type": "number",
"value": 0
},
"--radius-md": {
"type": "number",
"value": 0
},
"--radius-sm": {
"type": "number",
"value": 0
},
"--spacing-lg": {
"type": "number",
"value": 24
},
"--spacing-md": {
"type": "number",
"value": 16
},
"--spacing-sm": {
"type": "number",
"value": 8
},
"--spacing-xl": {
"type": "number",
"value": 32
},
"--spacing-xs": {
"type": "number",
"value": 4
},
"--accent-secondary": {
"type": "color",
"value": "#FF9D00"
},
"--accent-tertiary": {
"type": "color",
"value": "#FF006E"
},
"--font-body": {
"type": "string",
"value": "Geist"
},
"--font-caption": {
"type": "string",
"value": "Inter"
},
"--font-heading": {
"type": "string",
"value": "Playfair Display"
},
"--font-inverse": {
"type": "color",
"value": "#FFFFFF"
},
"--radius-full": {
"type": "number",
"value": 9999
}
}
}
Reference in New Issue View Git Blame Copy Permalink