6493 lines
221 KiB
Plaintext
6493 lines
221 KiB
Plaintext
{
|
||
"version": "2.9",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "UNTdC",
|
||
"x": 0,
|
||
"y": 0,
|
||
"name": "Profile Screen",
|
||
"clip": true,
|
||
"width": 402,
|
||
"height": 648,
|
||
"fill": "$--bg-page",
|
||
"layout": "vertical",
|
||
"gap": 16,
|
||
"padding": 16,
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "BOBWU",
|
||
"name": "Profile Card",
|
||
"width": "fill_container",
|
||
"fill": "$--bg-card",
|
||
"cornerRadius": "$--radius-lg",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1,
|
||
"fill": "$--border-color"
|
||
},
|
||
"layout": "vertical",
|
||
"gap": 14,
|
||
"padding": 20,
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "3TVwU",
|
||
"name": "topRow",
|
||
"width": "fill_container",
|
||
"gap": 12,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "rVyXV",
|
||
"name": "avatar",
|
||
"width": 56,
|
||
"height": 56,
|
||
"fill": "$--primary",
|
||
"cornerRadius": "$--radius-pill",
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "x8Bxm",
|
||
"name": "avatarText",
|
||
"fill": "$--text-inverse",
|
||
"content": "S",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 24,
|
||
"fontWeight": "700"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "osI2G",
|
||
"name": "infoCol",
|
||
"width": "fill_container",
|
||
"layout": "vertical",
|
||
"gap": 4,
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "O3OlM",
|
||
"name": "nameText",
|
||
"fill": "$--text-primary",
|
||
"content": "Sven",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 20,
|
||
"fontWeight": "700"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "0AEm2",
|
||
"name": "accText",
|
||
"fill": "$--text-secondary",
|
||
"content": "UID 7832 1290",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 13,
|
||
"fontWeight": "500"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "VLEgU",
|
||
"name": "tagText",
|
||
"fill": "$--primary",
|
||
"content": "VIP Trader",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "d2YFK",
|
||
"name": "editBtn",
|
||
"height": 34,
|
||
"fill": "$--bg-page",
|
||
"cornerRadius": "$--radius-md",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1,
|
||
"fill": "$--border-color"
|
||
},
|
||
"padding": [
|
||
0,
|
||
12
|
||
],
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "U02rS",
|
||
"name": "editBtnText",
|
||
"fill": "$--text-primary",
|
||
"content": "编辑",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 13,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "ZssmT",
|
||
"name": "Wallet Card",
|
||
"width": "fill_container",
|
||
"fill": "$--bg-card",
|
||
"cornerRadius": "$--radius-lg",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1,
|
||
"fill": "$--border-color"
|
||
},
|
||
"layout": "vertical",
|
||
"gap": 12,
|
||
"padding": 16,
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "RCHGN",
|
||
"name": "walletHead",
|
||
"width": "fill_container",
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "wTY51",
|
||
"name": "walletTitle",
|
||
"fill": "$--text-primary",
|
||
"content": "钱包总览",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 15,
|
||
"fontWeight": "600"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "md1nn",
|
||
"name": "walletLink",
|
||
"fill": "$--primary",
|
||
"content": "钱包详情 >",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "W0860",
|
||
"name": "walletBal",
|
||
"fill": "$--text-primary",
|
||
"content": "$8,436.20",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 28,
|
||
"fontWeight": "700"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "R282K",
|
||
"name": "walletSub",
|
||
"fill": "$--text-secondary",
|
||
"content": "可用余额 $6,920.00 冻结 $1,516.20",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "500"
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "SVp5s",
|
||
"name": "walletActions",
|
||
"width": "fill_container",
|
||
"gap": 10,
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "ToKUM",
|
||
"name": "wa1",
|
||
"width": "fill_container",
|
||
"height": 40,
|
||
"fill": "$--primary",
|
||
"cornerRadius": "$--radius-md",
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "KFK6T",
|
||
"name": "wa1t",
|
||
"fill": "$--text-inverse",
|
||
"content": "充币",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 13,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "jvcpC",
|
||
"name": "wa2",
|
||
"width": "fill_container",
|
||
"height": 40,
|
||
"fill": "$--bg-page",
|
||
"cornerRadius": "$--radius-md",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1,
|
||
"fill": "$--border-color"
|
||
},
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "WruXv",
|
||
"name": "wa2t",
|
||
"fill": "$--text-primary",
|
||
"content": "提币",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 13,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "kcrHW",
|
||
"name": "Menu Card",
|
||
"width": "fill_container",
|
||
"fill": "$--bg-card",
|
||
"cornerRadius": "$--radius-lg",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1,
|
||
"fill": "$--border-color"
|
||
},
|
||
"layout": "vertical",
|
||
"gap": 8,
|
||
"padding": 16,
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "BesoK",
|
||
"name": "menuTitle",
|
||
"fill": "$--text-primary",
|
||
"content": "账户与设置",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 15,
|
||
"fontWeight": "600"
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "92YtT",
|
||
"name": "item2",
|
||
"width": "fill_container",
|
||
"height": 44,
|
||
"padding": [
|
||
0,
|
||
4
|
||
],
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "dunLA",
|
||
"name": "item2Text",
|
||
"fill": "$--text-primary",
|
||
"content": "钱包管理",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "500"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "SaRwd",
|
||
"name": "item2Arrow",
|
||
"fill": "$--text-tertiary",
|
||
"content": ">",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "Ojnh5",
|
||
"name": "apiKeyItem",
|
||
"width": "fill_container",
|
||
"height": 44,
|
||
"padding": [
|
||
0,
|
||
4
|
||
],
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "SyxpJ",
|
||
"name": "apiText",
|
||
"fill": "$--text-primary",
|
||
"content": "API KEY 管理",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "500"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "VbMfg",
|
||
"name": "apiArrow",
|
||
"fill": "$--text-tertiary",
|
||
"content": ">",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "Yu2ks",
|
||
"name": "item3",
|
||
"width": "fill_container",
|
||
"height": 44,
|
||
"padding": [
|
||
0,
|
||
4
|
||
],
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "3m7vk",
|
||
"name": "item3Text",
|
||
"fill": "$--text-primary",
|
||
"content": "语言",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "500"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "neiQj",
|
||
"name": "item3Arrow",
|
||
"fill": "$--text-tertiary",
|
||
"content": ">",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "nhibh",
|
||
"name": "logoutBtn",
|
||
"width": "fill_container",
|
||
"height": 48,
|
||
"fill": "$--bg-error",
|
||
"cornerRadius": "$--radius-md",
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "KQcVG",
|
||
"name": "logoutText",
|
||
"fill": "$--error",
|
||
"content": "退出登录",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "tuLlv",
|
||
"x": 460,
|
||
"y": 0,
|
||
"name": "Wallet - Positions",
|
||
"clip": true,
|
||
"width": 402,
|
||
"height": 980,
|
||
"fill": "$--bg-page",
|
||
"layout": "vertical",
|
||
"gap": 16,
|
||
"padding": 16,
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "BlU7o",
|
||
"name": "Header",
|
||
"width": "fill_container",
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "F47Lw",
|
||
"name": "htitle",
|
||
"fill": "$--text-primary",
|
||
"content": "钱包",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 24,
|
||
"fontWeight": "700"
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "WDWNK",
|
||
"x": 294,
|
||
"y": 0.5,
|
||
"name": "hright",
|
||
"enabled": false,
|
||
"gap": 8,
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "2kARU",
|
||
"name": "scanBtn",
|
||
"width": 34,
|
||
"height": 34,
|
||
"fill": "$--bg-card",
|
||
"cornerRadius": "$--radius-md",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1,
|
||
"fill": "$--border-color"
|
||
},
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "eOGiY",
|
||
"name": "scanTxt",
|
||
"fill": "$--text-primary",
|
||
"content": "扫",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 13,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "DK7Vi",
|
||
"name": "notiBtn",
|
||
"width": 34,
|
||
"height": 34,
|
||
"fill": "$--bg-card",
|
||
"cornerRadius": "$--radius-md",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1,
|
||
"fill": "$--border-color"
|
||
},
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "4XuT7",
|
||
"name": "notiTxt",
|
||
"fill": "$--text-primary",
|
||
"content": "铃",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 13,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "ZNP17",
|
||
"name": "Asset Summary",
|
||
"width": "fill_container",
|
||
"fill": "$--primary",
|
||
"cornerRadius": "$--radius-lg",
|
||
"layout": "vertical",
|
||
"gap": 12,
|
||
"padding": 16,
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "UzAoY",
|
||
"name": "assetLabel",
|
||
"fill": "$--text-inverse",
|
||
"content": "Portfolio",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "500"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "cX6kh",
|
||
"name": "assetValue",
|
||
"fill": "$--text-inverse",
|
||
"content": "128,450.36",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 32,
|
||
"fontWeight": "700"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "DmmK2",
|
||
"x": 16,
|
||
"y": 94,
|
||
"name": "assetPnl",
|
||
"enabled": false,
|
||
"fill": "$--text-inverse",
|
||
"content": "今日 +2,140.52 (+1.69%)",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 13,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "ynhRL",
|
||
"x": 16,
|
||
"y": 274,
|
||
"name": "Profit Loss Card",
|
||
"enabled": false,
|
||
"width": "fill_container(370)",
|
||
"fill": "$--bg-card",
|
||
"cornerRadius": "$--radius-lg",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1,
|
||
"fill": "$--border-color"
|
||
},
|
||
"layout": "vertical",
|
||
"gap": 12,
|
||
"padding": 16,
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "2NOvT",
|
||
"name": "plHead",
|
||
"width": "fill_container",
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "xrmdH",
|
||
"name": "plTitle",
|
||
"fill": "$--text-primary",
|
||
"content": "Profit/Loss",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 15,
|
||
"fontWeight": "600"
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "sxxkp",
|
||
"name": "plTabs",
|
||
"gap": 6,
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "jR6C9",
|
||
"name": "chip1",
|
||
"height": 24,
|
||
"fill": "$--primary",
|
||
"cornerRadius": "$--radius-pill",
|
||
"padding": [
|
||
0,
|
||
10
|
||
],
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "OF3gO",
|
||
"name": "chip1t",
|
||
"fill": "$--text-inverse",
|
||
"content": "1D",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "itI0r",
|
||
"name": "chip2",
|
||
"height": 24,
|
||
"fill": "$--bg-page",
|
||
"cornerRadius": "$--radius-pill",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1,
|
||
"fill": "$--border-color"
|
||
},
|
||
"padding": [
|
||
0,
|
||
10
|
||
],
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "md4rk",
|
||
"name": "chip2t",
|
||
"fill": "$--text-secondary",
|
||
"content": "1W",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "6iVyF",
|
||
"name": "chip3",
|
||
"height": 24,
|
||
"fill": "$--bg-page",
|
||
"cornerRadius": "$--radius-pill",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1,
|
||
"fill": "$--border-color"
|
||
},
|
||
"padding": [
|
||
0,
|
||
10
|
||
],
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "q80rz",
|
||
"name": "chip3t",
|
||
"fill": "$--text-secondary",
|
||
"content": "ALL",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "yRUPS",
|
||
"name": "plValue",
|
||
"fill": "$--text-primary",
|
||
"content": "$2,840.20",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 28,
|
||
"fontWeight": "700"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "AmvJp",
|
||
"name": "plTime",
|
||
"fill": "$--text-secondary",
|
||
"content": "All Time",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "500"
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "mvYeH",
|
||
"name": "plChart",
|
||
"width": "fill_container",
|
||
"height": 54,
|
||
"fill": "$--bg-page",
|
||
"cornerRadius": "$--radius-sm"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "IzF4u",
|
||
"name": "Quick Wallet Actions",
|
||
"width": "fill_container",
|
||
"gap": 10,
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "ZlLCi",
|
||
"name": "act1",
|
||
"width": "fill_container",
|
||
"height": 72,
|
||
"fill": "$--bg-card",
|
||
"cornerRadius": "$--radius-md",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1,
|
||
"fill": "$--border-color"
|
||
},
|
||
"layout": "vertical",
|
||
"gap": 6,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "HcqDU",
|
||
"name": "act1t",
|
||
"fill": "$--text-primary",
|
||
"content": "充币",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "Yrov8",
|
||
"name": "act2",
|
||
"width": "fill_container",
|
||
"height": 72,
|
||
"fill": "$--bg-card",
|
||
"cornerRadius": "$--radius-md",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1,
|
||
"fill": "$--border-color"
|
||
},
|
||
"layout": "vertical",
|
||
"gap": 6,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "hHqLv",
|
||
"name": "act2t",
|
||
"fill": "$--text-primary",
|
||
"content": "提币",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "riVTI",
|
||
"x": 253.33333333333334,
|
||
"y": 0,
|
||
"name": "act3",
|
||
"enabled": false,
|
||
"width": "fill_container(116.66666666666667)",
|
||
"height": 72,
|
||
"fill": "$--bg-card",
|
||
"cornerRadius": "$--radius-md",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1,
|
||
"fill": "$--border-color"
|
||
},
|
||
"layout": "vertical",
|
||
"gap": 6,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "zHUFH",
|
||
"name": "act3t",
|
||
"fill": "$--text-primary",
|
||
"content": "授权",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "K2VHj",
|
||
"name": "Settlement Card",
|
||
"width": "fill_container",
|
||
"fill": "$--bg-card",
|
||
"cornerRadius": "$--radius-lg",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1,
|
||
"fill": "$--border-color"
|
||
},
|
||
"padding": [
|
||
12,
|
||
14
|
||
],
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "2vvCn",
|
||
"name": "settleText",
|
||
"fill": "$--text-primary",
|
||
"content": "You won $325.00 +2",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 13,
|
||
"fontWeight": "600"
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "dNHLr",
|
||
"name": "claimBtn",
|
||
"height": 30,
|
||
"fill": "$--primary",
|
||
"cornerRadius": "$--radius-pill",
|
||
"padding": [
|
||
0,
|
||
12
|
||
],
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "As3kb",
|
||
"name": "claimTxt",
|
||
"fill": "$--text-inverse",
|
||
"content": "Claim",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "58R0q",
|
||
"name": "Wallet Section",
|
||
"width": "fill_container",
|
||
"fill": "$--bg-card",
|
||
"cornerRadius": "$--radius-lg",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1,
|
||
"fill": "$--border-color"
|
||
},
|
||
"layout": "vertical",
|
||
"gap": 12,
|
||
"padding": 16,
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "e78jx",
|
||
"name": "tabs",
|
||
"width": "fill_container",
|
||
"gap": 8,
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "KWiAJ",
|
||
"name": "tab1",
|
||
"height": 30,
|
||
"fill": "$--primary",
|
||
"cornerRadius": "$--radius-pill",
|
||
"padding": [
|
||
0,
|
||
12
|
||
],
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "BJCJW",
|
||
"name": "tab1t",
|
||
"fill": "$--text-inverse",
|
||
"content": "Positions",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "Ga0FC",
|
||
"name": "tab2",
|
||
"height": 30,
|
||
"fill": "$--bg-page",
|
||
"cornerRadius": "$--radius-pill",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1,
|
||
"fill": "$--border-color"
|
||
},
|
||
"padding": [
|
||
0,
|
||
12
|
||
],
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "L0oMi",
|
||
"name": "tab2t",
|
||
"fill": "$--text-secondary",
|
||
"content": "Orders",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "bYZU5",
|
||
"name": "tab3",
|
||
"height": 30,
|
||
"fill": "$--bg-page",
|
||
"cornerRadius": "$--radius-pill",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1,
|
||
"fill": "$--border-color"
|
||
},
|
||
"padding": [
|
||
0,
|
||
12
|
||
],
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "jFdTc",
|
||
"name": "tab3t",
|
||
"fill": "$--text-secondary",
|
||
"content": "History",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "s5j1B",
|
||
"name": "tab4",
|
||
"height": 30,
|
||
"fill": "$--bg-page",
|
||
"cornerRadius": "$--radius-pill",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1,
|
||
"fill": "$--border-color"
|
||
},
|
||
"padding": [
|
||
0,
|
||
12
|
||
],
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "J0YfM",
|
||
"name": "tab4t",
|
||
"fill": "$--text-secondary",
|
||
"content": "Withdrawals",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "pqCUX",
|
||
"name": "positionsList",
|
||
"width": "fill_container",
|
||
"cornerRadius": 12,
|
||
"layout": "vertical",
|
||
"gap": 12,
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "m7ydq",
|
||
"name": "posCard1",
|
||
"width": "fill_container",
|
||
"fill": "$--bg-card",
|
||
"cornerRadius": "$--radius-lg",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1,
|
||
"fill": "$--border-color"
|
||
},
|
||
"layout": "vertical",
|
||
"gap": 10,
|
||
"padding": 14,
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "nMXqK",
|
||
"name": "card1Top",
|
||
"width": "fill_container",
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "rUhtx",
|
||
"name": "card1Left",
|
||
"gap": 12,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "7sLeJ",
|
||
"name": "card1Icon",
|
||
"width": 44,
|
||
"height": 44,
|
||
"fill": "$--primary",
|
||
"cornerRadius": 10,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "Bfcuf",
|
||
"name": "card1IconT",
|
||
"fill": "$--text-inverse",
|
||
"content": "F",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 16,
|
||
"fontWeight": "700"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "XW3gc",
|
||
"name": "card1TitleCol",
|
||
"layout": "vertical",
|
||
"gap": 4,
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "3KGNF",
|
||
"name": "card1Title",
|
||
"fill": "$--text-primary",
|
||
"content": "Fed Rate Cut in Sep?",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 15,
|
||
"fontWeight": "600"
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "KF3tk",
|
||
"name": "card1Outcome",
|
||
"height": 20,
|
||
"fill": "#DCFCE7",
|
||
"cornerRadius": 999,
|
||
"padding": [
|
||
0,
|
||
8
|
||
],
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "TGr19",
|
||
"name": "card1OutcomeT",
|
||
"fill": "#16A34A",
|
||
"content": "YES",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "700"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "l7hNs",
|
||
"name": "card1Right",
|
||
"layout": "vertical",
|
||
"gap": 2,
|
||
"alignItems": "end",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "qKohx",
|
||
"name": "card1Value",
|
||
"fill": "$--text-primary",
|
||
"content": "$1,240",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 20,
|
||
"fontWeight": "700"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "wSZJg",
|
||
"name": "card1Pnl",
|
||
"fill": "$--primary",
|
||
"content": "▲ +2.3%",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 13,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "51dd7",
|
||
"name": "card1Stats",
|
||
"width": "fill_container",
|
||
"padding": [
|
||
8,
|
||
0,
|
||
0,
|
||
0
|
||
],
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "q2FuH",
|
||
"name": "card1Stat1",
|
||
"width": "fill_container",
|
||
"layout": "vertical",
|
||
"gap": 2,
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "u13zk",
|
||
"name": "card1Stat1L",
|
||
"fill": "$--text-tertiary",
|
||
"content": "单量",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 10,
|
||
"fontWeight": "500"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "UXQQC",
|
||
"name": "card1Stat1V",
|
||
"fill": "$--text-primary",
|
||
"content": "420",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "yZ6p5",
|
||
"name": "card1Stat2",
|
||
"width": "fill_container",
|
||
"layout": "vertical",
|
||
"gap": 2,
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "aFmQn",
|
||
"name": "card1Stat2L",
|
||
"fill": "$--text-tertiary",
|
||
"content": "买入均价",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 10,
|
||
"fontWeight": "500"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "DO2Bx",
|
||
"name": "card1Stat2V",
|
||
"fill": "$--text-primary",
|
||
"content": "0.61",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "C9fk0",
|
||
"name": "card1Stat3",
|
||
"width": "fill_container",
|
||
"layout": "vertical",
|
||
"gap": 2,
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "LVeIK",
|
||
"name": "card1Stat3L",
|
||
"fill": "$--text-tertiary",
|
||
"content": "当前价格",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 10,
|
||
"fontWeight": "500"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "EwagB",
|
||
"name": "card1Stat3V",
|
||
"fill": "$--primary",
|
||
"content": "0.68",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "RCqvR",
|
||
"name": "posCard2",
|
||
"width": "fill_container",
|
||
"fill": "$--bg-card",
|
||
"cornerRadius": "$--radius-lg",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1,
|
||
"fill": "$--border-color"
|
||
},
|
||
"layout": "vertical",
|
||
"gap": 10,
|
||
"padding": 14,
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "jNI52",
|
||
"name": "card2Top",
|
||
"width": "fill_container",
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "5TsN3",
|
||
"name": "card2Left",
|
||
"gap": 12,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "saAkF",
|
||
"name": "card2Icon",
|
||
"width": 44,
|
||
"height": 44,
|
||
"fill": "$--bg-dark",
|
||
"cornerRadius": 10,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "UQPuU",
|
||
"name": "card2IconT",
|
||
"fill": "$--text-inverse",
|
||
"content": "B",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 16,
|
||
"fontWeight": "700"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "1NAKc",
|
||
"name": "card2TitleCol",
|
||
"layout": "vertical",
|
||
"gap": 4,
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "MAVR8",
|
||
"name": "card2Title",
|
||
"fill": "$--text-primary",
|
||
"content": "BTC > $80k this year",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 15,
|
||
"fontWeight": "600"
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "JCu9P",
|
||
"name": "card2Outcome",
|
||
"height": 20,
|
||
"fill": "#FEE2E2",
|
||
"cornerRadius": 999,
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 0,
|
||
"fill": "$--border-color"
|
||
},
|
||
"padding": [
|
||
0,
|
||
8
|
||
],
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "PjNp9",
|
||
"name": "card2OutcomeT",
|
||
"fill": "#DC2626",
|
||
"content": "NO",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "700"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "SrWTu",
|
||
"name": "card2Right",
|
||
"layout": "vertical",
|
||
"gap": 2,
|
||
"alignItems": "end",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "LmtUt",
|
||
"name": "card2Value",
|
||
"fill": "$--text-primary",
|
||
"content": "$860",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 20,
|
||
"fontWeight": "700"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "aLPGT",
|
||
"name": "card2Pnl",
|
||
"fill": "$--text-secondary",
|
||
"content": "▼ -1.1%",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 13,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "1v0YR",
|
||
"name": "card2Stats",
|
||
"width": "fill_container",
|
||
"padding": [
|
||
8,
|
||
0,
|
||
0,
|
||
0
|
||
],
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "jSxeG",
|
||
"name": "card2Stat1",
|
||
"width": "fill_container",
|
||
"layout": "vertical",
|
||
"gap": 2,
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "yIGid",
|
||
"name": "card2Stat1L",
|
||
"fill": "$--text-tertiary",
|
||
"content": "单量",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 10,
|
||
"fontWeight": "500"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "c0pBt",
|
||
"name": "card2Stat1V",
|
||
"fill": "$--text-primary",
|
||
"content": "950",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "teAyZ",
|
||
"name": "card2Stat2",
|
||
"width": "fill_container",
|
||
"layout": "vertical",
|
||
"gap": 2,
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "2KPMI",
|
||
"name": "card2Stat2L",
|
||
"fill": "$--text-tertiary",
|
||
"content": "买入均价",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 10,
|
||
"fontWeight": "500"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "sgRDb",
|
||
"name": "card2Stat2V",
|
||
"fill": "$--text-primary",
|
||
"content": "0.44",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "d2nyF",
|
||
"name": "card2Stat3",
|
||
"width": "fill_container",
|
||
"layout": "vertical",
|
||
"gap": 2,
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "JrNpY",
|
||
"name": "card2Stat3L",
|
||
"fill": "$--text-tertiary",
|
||
"content": "当前价格",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 10,
|
||
"fontWeight": "500"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "h69wf",
|
||
"name": "card2Stat3V",
|
||
"fill": "$--text-secondary",
|
||
"content": "0.41",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "KRKZv",
|
||
"x": 942,
|
||
"y": 0,
|
||
"name": "Wallet - Orders",
|
||
"clip": true,
|
||
"width": 402,
|
||
"height": 980,
|
||
"fill": "$--bg-page",
|
||
"layout": "vertical",
|
||
"gap": 16,
|
||
"padding": 16,
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "KQfrc",
|
||
"name": "Header",
|
||
"width": "fill_container",
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "gn2fv",
|
||
"name": "htitle",
|
||
"fill": "$--text-primary",
|
||
"content": "钱包",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 24,
|
||
"fontWeight": "700"
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "9a02a",
|
||
"x": 294,
|
||
"y": 0.5,
|
||
"name": "hright",
|
||
"enabled": false,
|
||
"gap": 8,
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "Q3moa",
|
||
"name": "scanBtn",
|
||
"width": 34,
|
||
"height": 34,
|
||
"fill": "$--bg-card",
|
||
"cornerRadius": "$--radius-md",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1,
|
||
"fill": "$--border-color"
|
||
},
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "e63RB",
|
||
"name": "scanTxt",
|
||
"fill": "$--text-primary",
|
||
"content": "扫",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 13,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "JxwRt",
|
||
"name": "notiBtn",
|
||
"width": 34,
|
||
"height": 34,
|
||
"fill": "$--bg-card",
|
||
"cornerRadius": "$--radius-md",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1,
|
||
"fill": "$--border-color"
|
||
},
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "fwsZY",
|
||
"name": "notiTxt",
|
||
"fill": "$--text-primary",
|
||
"content": "铃",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 13,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "W8TYW",
|
||
"name": "Asset Summary",
|
||
"width": "fill_container",
|
||
"fill": "$--primary",
|
||
"cornerRadius": "$--radius-lg",
|
||
"layout": "vertical",
|
||
"gap": 12,
|
||
"padding": 16,
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "GSUXk",
|
||
"name": "assetLabel",
|
||
"fill": "$--text-inverse",
|
||
"content": "Portfolio",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "500"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "iLTr6",
|
||
"name": "assetValue",
|
||
"fill": "$--text-inverse",
|
||
"content": "128,450.36",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 32,
|
||
"fontWeight": "700"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "POend",
|
||
"x": 16,
|
||
"y": 94,
|
||
"name": "assetPnl",
|
||
"enabled": false,
|
||
"fill": "$--text-inverse",
|
||
"content": "今日 +2,140.52 (+1.69%)",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 13,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "WuS50",
|
||
"x": 16,
|
||
"y": 274,
|
||
"name": "Profit Loss Card",
|
||
"enabled": false,
|
||
"width": "fill_container(370)",
|
||
"fill": "$--bg-card",
|
||
"cornerRadius": "$--radius-lg",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1,
|
||
"fill": "$--border-color"
|
||
},
|
||
"layout": "vertical",
|
||
"gap": 12,
|
||
"padding": 16,
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "5HjUY",
|
||
"name": "plHead",
|
||
"width": "fill_container",
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "jlIse",
|
||
"name": "plTitle",
|
||
"fill": "$--text-primary",
|
||
"content": "Profit/Loss",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 15,
|
||
"fontWeight": "600"
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "cPL1I",
|
||
"name": "plTabs",
|
||
"gap": 6,
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "0iXhk",
|
||
"name": "chip1",
|
||
"height": 24,
|
||
"fill": "$--primary",
|
||
"cornerRadius": "$--radius-pill",
|
||
"padding": [
|
||
0,
|
||
10
|
||
],
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "WVuFB",
|
||
"name": "chip1t",
|
||
"fill": "$--text-inverse",
|
||
"content": "1D",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "CNOVM",
|
||
"name": "chip2",
|
||
"height": 24,
|
||
"fill": "$--bg-page",
|
||
"cornerRadius": "$--radius-pill",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1,
|
||
"fill": "$--border-color"
|
||
},
|
||
"padding": [
|
||
0,
|
||
10
|
||
],
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "ltw1y",
|
||
"name": "chip2t",
|
||
"fill": "$--text-secondary",
|
||
"content": "1W",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "POk0p",
|
||
"name": "chip3",
|
||
"height": 24,
|
||
"fill": "$--bg-page",
|
||
"cornerRadius": "$--radius-pill",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1,
|
||
"fill": "$--border-color"
|
||
},
|
||
"padding": [
|
||
0,
|
||
10
|
||
],
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "zqDWb",
|
||
"name": "chip3t",
|
||
"fill": "$--text-secondary",
|
||
"content": "ALL",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "wlqgF",
|
||
"name": "plValue",
|
||
"fill": "$--text-primary",
|
||
"content": "$2,840.20",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 28,
|
||
"fontWeight": "700"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "fA15B",
|
||
"name": "plTime",
|
||
"fill": "$--text-secondary",
|
||
"content": "All Time",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "500"
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "q3Myc",
|
||
"name": "plChart",
|
||
"width": "fill_container",
|
||
"height": 54,
|
||
"fill": "$--bg-page",
|
||
"cornerRadius": "$--radius-sm"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "4kL4y",
|
||
"name": "Quick Wallet Actions",
|
||
"width": "fill_container",
|
||
"gap": 10,
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "rIIYQ",
|
||
"name": "act1",
|
||
"width": "fill_container",
|
||
"height": 72,
|
||
"fill": "$--bg-card",
|
||
"cornerRadius": "$--radius-md",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1,
|
||
"fill": "$--border-color"
|
||
},
|
||
"layout": "vertical",
|
||
"gap": 6,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "mQEbi",
|
||
"name": "act1t",
|
||
"fill": "$--text-primary",
|
||
"content": "充币",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "uLr1B",
|
||
"name": "act2",
|
||
"width": "fill_container",
|
||
"height": 72,
|
||
"fill": "$--bg-card",
|
||
"cornerRadius": "$--radius-md",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1,
|
||
"fill": "$--border-color"
|
||
},
|
||
"layout": "vertical",
|
||
"gap": 6,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "IOQ97",
|
||
"name": "act2t",
|
||
"fill": "$--text-primary",
|
||
"content": "提币",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "SBjgu",
|
||
"x": 253.33333333333334,
|
||
"y": 0,
|
||
"name": "act3",
|
||
"enabled": false,
|
||
"width": "fill_container(116.66666666666667)",
|
||
"height": 72,
|
||
"fill": "$--bg-card",
|
||
"cornerRadius": "$--radius-md",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1,
|
||
"fill": "$--border-color"
|
||
},
|
||
"layout": "vertical",
|
||
"gap": 6,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "N3fvS",
|
||
"name": "act3t",
|
||
"fill": "$--text-primary",
|
||
"content": "授权",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "Qpabz",
|
||
"name": "Settlement Card",
|
||
"width": "fill_container",
|
||
"fill": "$--bg-card",
|
||
"cornerRadius": "$--radius-lg",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1,
|
||
"fill": "$--border-color"
|
||
},
|
||
"padding": [
|
||
12,
|
||
14
|
||
],
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "BDdVO",
|
||
"name": "settleText",
|
||
"fill": "$--text-primary",
|
||
"content": "You won $325.00 +2",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 13,
|
||
"fontWeight": "600"
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "UdY8V",
|
||
"name": "claimBtn",
|
||
"height": 30,
|
||
"fill": "$--primary",
|
||
"cornerRadius": "$--radius-pill",
|
||
"padding": [
|
||
0,
|
||
12
|
||
],
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "NORDP",
|
||
"name": "claimTxt",
|
||
"fill": "$--text-inverse",
|
||
"content": "Claim",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "RNeQa",
|
||
"name": "Wallet Section",
|
||
"width": "fill_container",
|
||
"fill": "$--bg-card",
|
||
"cornerRadius": "$--radius-lg",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1,
|
||
"fill": "$--border-color"
|
||
},
|
||
"layout": "vertical",
|
||
"gap": 12,
|
||
"padding": 16,
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "8i1Ui",
|
||
"name": "tabs",
|
||
"width": "fill_container",
|
||
"gap": 8,
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "FoMTa",
|
||
"name": "tab1",
|
||
"height": 30,
|
||
"fill": "$--bg-page",
|
||
"cornerRadius": "$--radius-pill",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1,
|
||
"fill": "$--border-color"
|
||
},
|
||
"padding": [
|
||
0,
|
||
12
|
||
],
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "KQp9o",
|
||
"name": "tab1t",
|
||
"fill": "$--text-secondary",
|
||
"content": "Positions",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "xaJkw",
|
||
"name": "tab2",
|
||
"height": 30,
|
||
"fill": "$--primary",
|
||
"cornerRadius": "$--radius-pill",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 0,
|
||
"fill": "$--primary"
|
||
},
|
||
"padding": [
|
||
0,
|
||
12
|
||
],
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "yjLAX",
|
||
"name": "tab2t",
|
||
"fill": "$--text-inverse",
|
||
"content": "Orders",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "CAy7z",
|
||
"name": "tab3",
|
||
"height": 30,
|
||
"fill": "$--bg-page",
|
||
"cornerRadius": "$--radius-pill",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1,
|
||
"fill": "$--border-color"
|
||
},
|
||
"padding": [
|
||
0,
|
||
12
|
||
],
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "UAy1U",
|
||
"name": "tab3t",
|
||
"fill": "$--text-secondary",
|
||
"content": "History",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "uNVRV",
|
||
"name": "tab4",
|
||
"height": 30,
|
||
"fill": "$--bg-page",
|
||
"cornerRadius": "$--radius-pill",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1,
|
||
"fill": "$--border-color"
|
||
},
|
||
"padding": [
|
||
0,
|
||
12
|
||
],
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "FsjWR",
|
||
"name": "tab4t",
|
||
"fill": "$--text-secondary",
|
||
"content": "Withdrawals",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "qYGya",
|
||
"name": "ordersList",
|
||
"width": "fill_container",
|
||
"cornerRadius": "$--radius-md",
|
||
"layout": "vertical",
|
||
"gap": 12,
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "MPUAP",
|
||
"name": "orderCard1",
|
||
"width": "fill_container",
|
||
"fill": "$--bg-card",
|
||
"cornerRadius": "$--radius-lg",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1,
|
||
"fill": "$--border-color"
|
||
},
|
||
"layout": "vertical",
|
||
"gap": 10,
|
||
"padding": 14,
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "S95vU",
|
||
"name": "o1Top",
|
||
"width": "fill_container",
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "nxpKd",
|
||
"name": "o1Left",
|
||
"gap": 12,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "klp7U",
|
||
"name": "o1Icon",
|
||
"width": 44,
|
||
"height": 44,
|
||
"fill": "$--primary",
|
||
"cornerRadius": 10,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "qXlQI",
|
||
"name": "o1IconT",
|
||
"fill": "$--text-inverse",
|
||
"content": "U",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 16,
|
||
"fontWeight": "700"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "BTzTH",
|
||
"name": "o1TitleCol",
|
||
"layout": "vertical",
|
||
"gap": 4,
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "qIdRp",
|
||
"name": "o1Title",
|
||
"fill": "$--text-primary",
|
||
"content": "US Election Winner",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 15,
|
||
"fontWeight": "600"
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "T1D9M",
|
||
"name": "o1Tags",
|
||
"gap": 6,
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "lwPpm",
|
||
"name": "o1BuyTag",
|
||
"height": 22,
|
||
"fill": {
|
||
"type": "color",
|
||
"color": "#DBEAFE",
|
||
"enabled": false
|
||
},
|
||
"cornerRadius": 6,
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1.5,
|
||
"fill": "#2563EB"
|
||
},
|
||
"padding": [
|
||
0,
|
||
10
|
||
],
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "pmyHl",
|
||
"name": "o1BuyTagT",
|
||
"fill": "#2563EB",
|
||
"content": "BUY",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 10,
|
||
"fontWeight": "700"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "DahYs",
|
||
"name": "o1YesTag",
|
||
"height": 20,
|
||
"fill": "#DCFCE7",
|
||
"cornerRadius": 999,
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 0,
|
||
"fill": "$--border-color"
|
||
},
|
||
"padding": [
|
||
0,
|
||
8
|
||
],
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "2RmnY",
|
||
"name": "o1YesTagT",
|
||
"fill": "#16A34A",
|
||
"content": "YES",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 10,
|
||
"fontWeight": "700"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "rZFfo",
|
||
"name": "o1Cancel",
|
||
"width": 32,
|
||
"height": 32,
|
||
"fill": "$--bg-page",
|
||
"cornerRadius": 999,
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1,
|
||
"fill": "$--border-color"
|
||
},
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "9HDMN",
|
||
"name": "cancelIcon1",
|
||
"width": 20,
|
||
"height": 20,
|
||
"iconFontName": "x",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$--text-secondary"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "cHMBI",
|
||
"name": "o1Stats",
|
||
"width": "fill_container",
|
||
"padding": [
|
||
4,
|
||
0
|
||
],
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "H07k4",
|
||
"name": "o1Stat1",
|
||
"width": "fill_container",
|
||
"layout": "vertical",
|
||
"gap": 2,
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "tA0UF",
|
||
"name": "o1Stat1L",
|
||
"fill": "$--text-tertiary",
|
||
"content": "挂单价格",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 10,
|
||
"fontWeight": "500"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "1141o",
|
||
"name": "o1Stat1V",
|
||
"fill": "$--text-primary",
|
||
"content": "0.62",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "ujzni",
|
||
"name": "o1Stat2",
|
||
"width": "fill_container",
|
||
"layout": "vertical",
|
||
"gap": 2,
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "x3Frk",
|
||
"name": "o1Stat2L",
|
||
"fill": "$--text-tertiary",
|
||
"content": "成单/挂单",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 10,
|
||
"fontWeight": "500"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "mbzAL",
|
||
"name": "o1Stat2V",
|
||
"fill": "$--text-primary",
|
||
"content": "180/400",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "tqx1t",
|
||
"name": "o1Stat3",
|
||
"width": "fill_container",
|
||
"layout": "vertical",
|
||
"gap": 2,
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "3lDGE",
|
||
"name": "o1Stat3L",
|
||
"fill": "$--text-tertiary",
|
||
"content": "订单价值",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 10,
|
||
"fontWeight": "500"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "oIBHZ",
|
||
"name": "o1Stat3V",
|
||
"fill": "$--primary",
|
||
"content": "$248",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "s0796",
|
||
"name": "orderCard2",
|
||
"width": "fill_container",
|
||
"fill": "$--bg-card",
|
||
"cornerRadius": "$--radius-lg",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1,
|
||
"fill": "$--border-color"
|
||
},
|
||
"layout": "vertical",
|
||
"gap": 10,
|
||
"padding": 14,
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "jV1wg",
|
||
"name": "o2Top",
|
||
"width": "fill_container",
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "H4GDg",
|
||
"name": "o2Left",
|
||
"gap": 12,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "xUgax",
|
||
"name": "o2Icon",
|
||
"width": 44,
|
||
"height": 44,
|
||
"fill": "$--bg-dark",
|
||
"cornerRadius": 10,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "ACo83",
|
||
"name": "o2IconT",
|
||
"fill": "$--text-inverse",
|
||
"content": "B",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 16,
|
||
"fontWeight": "700"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "JfIXD",
|
||
"name": "o2TitleCol",
|
||
"layout": "vertical",
|
||
"gap": 4,
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "PmIrX",
|
||
"name": "o2Title",
|
||
"fill": "$--text-primary",
|
||
"content": "BTC > $85k",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 15,
|
||
"fontWeight": "600"
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "lNAGd",
|
||
"name": "o2Tags",
|
||
"gap": 6,
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "YTGN9",
|
||
"name": "o2BuyTag",
|
||
"height": 22,
|
||
"fill": {
|
||
"type": "color",
|
||
"color": "$--bg-page",
|
||
"enabled": false
|
||
},
|
||
"cornerRadius": 6,
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1.5,
|
||
"fill": "#DC2626"
|
||
},
|
||
"padding": [
|
||
0,
|
||
10
|
||
],
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "DjAv6",
|
||
"name": "o2BuyTagT",
|
||
"fill": "#DC2626",
|
||
"content": "SELL",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 10,
|
||
"fontWeight": "700"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "FxbbH",
|
||
"name": "o2NoTag",
|
||
"height": 20,
|
||
"fill": "#FEE2E2",
|
||
"cornerRadius": 999,
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 0,
|
||
"fill": "$--border-color"
|
||
},
|
||
"padding": [
|
||
0,
|
||
8
|
||
],
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "WALMt",
|
||
"name": "o2NoTagT",
|
||
"fill": "#DC2626",
|
||
"content": "NO",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 10,
|
||
"fontWeight": "700"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "m3hGr",
|
||
"name": "o2Cancel",
|
||
"width": 32,
|
||
"height": 32,
|
||
"fill": "$--bg-page",
|
||
"cornerRadius": 999,
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1,
|
||
"fill": "$--border-color"
|
||
},
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "fhQS9",
|
||
"name": "cancelIcon2",
|
||
"width": 20,
|
||
"height": 20,
|
||
"iconFontName": "x",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$--text-secondary"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "WJJQg",
|
||
"name": "o2Stats",
|
||
"width": "fill_container",
|
||
"padding": [
|
||
4,
|
||
0
|
||
],
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "khej1",
|
||
"name": "o2Stat1",
|
||
"width": "fill_container",
|
||
"layout": "vertical",
|
||
"gap": 2,
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "YnI96",
|
||
"name": "o2Stat1L",
|
||
"fill": "$--text-tertiary",
|
||
"content": "挂单价格",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 10,
|
||
"fontWeight": "500"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "5EeWB",
|
||
"name": "o2Stat1V",
|
||
"fill": "$--text-primary",
|
||
"content": "0.41",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "hqiTv",
|
||
"name": "o2Stat2",
|
||
"width": "fill_container",
|
||
"layout": "vertical",
|
||
"gap": 2,
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "MxjWI",
|
||
"name": "o2Stat2L",
|
||
"fill": "$--text-tertiary",
|
||
"content": "成单/挂单",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 10,
|
||
"fontWeight": "500"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "VUNis",
|
||
"name": "o2Stat2V",
|
||
"fill": "$--text-primary",
|
||
"content": "0/950",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "EVuLp",
|
||
"name": "o2Stat3",
|
||
"width": "fill_container",
|
||
"layout": "vertical",
|
||
"gap": 2,
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "qLZ5e",
|
||
"name": "o2Stat3L",
|
||
"fill": "$--text-tertiary",
|
||
"content": "订单价值",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 10,
|
||
"fontWeight": "500"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "Y6KMI",
|
||
"name": "o2Stat3V",
|
||
"fill": "$--text-secondary",
|
||
"content": "$390",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "aRC6m",
|
||
"x": 1424,
|
||
"y": 0,
|
||
"name": "Wallet - History",
|
||
"clip": true,
|
||
"width": 402,
|
||
"height": 1157,
|
||
"fill": "$--bg-page",
|
||
"layout": "vertical",
|
||
"gap": 16,
|
||
"padding": 16,
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "bbg7u",
|
||
"name": "Header",
|
||
"width": "fill_container",
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "A2cO6",
|
||
"name": "htitle",
|
||
"fill": "$--text-primary",
|
||
"content": "钱包",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 24,
|
||
"fontWeight": "700"
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "RAczj",
|
||
"x": 294,
|
||
"y": 0.5,
|
||
"name": "hright",
|
||
"enabled": false,
|
||
"gap": 8,
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "F0rDC",
|
||
"name": "scanBtn",
|
||
"width": 34,
|
||
"height": 34,
|
||
"fill": "$--bg-card",
|
||
"cornerRadius": "$--radius-md",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1,
|
||
"fill": "$--border-color"
|
||
},
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "FR4rL",
|
||
"name": "scanTxt",
|
||
"fill": "$--text-primary",
|
||
"content": "扫",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 13,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "WN9Rz",
|
||
"name": "notiBtn",
|
||
"width": 34,
|
||
"height": 34,
|
||
"fill": "$--bg-card",
|
||
"cornerRadius": "$--radius-md",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1,
|
||
"fill": "$--border-color"
|
||
},
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "nHj1A",
|
||
"name": "notiTxt",
|
||
"fill": "$--text-primary",
|
||
"content": "铃",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 13,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "moW4U",
|
||
"name": "Asset Summary",
|
||
"width": "fill_container",
|
||
"fill": "$--primary",
|
||
"cornerRadius": "$--radius-lg",
|
||
"layout": "vertical",
|
||
"gap": 12,
|
||
"padding": 16,
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "Bjo3f",
|
||
"name": "assetLabel",
|
||
"fill": "$--text-inverse",
|
||
"content": "Portfolio",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "500"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "tWQTg",
|
||
"name": "assetValue",
|
||
"fill": "$--text-inverse",
|
||
"content": "128,450.36",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 32,
|
||
"fontWeight": "700"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "3xtAb",
|
||
"x": 16,
|
||
"y": 94,
|
||
"name": "assetPnl",
|
||
"enabled": false,
|
||
"fill": "$--text-inverse",
|
||
"content": "今日 +2,140.52 (+1.69%)",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 13,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "lPZpo",
|
||
"x": 16,
|
||
"y": 274,
|
||
"name": "Profit Loss Card",
|
||
"enabled": false,
|
||
"width": "fill_container(370)",
|
||
"fill": "$--bg-card",
|
||
"cornerRadius": "$--radius-lg",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1,
|
||
"fill": "$--border-color"
|
||
},
|
||
"layout": "vertical",
|
||
"gap": 12,
|
||
"padding": 16,
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "btCny",
|
||
"name": "plHead",
|
||
"width": "fill_container",
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "1B0Mr",
|
||
"name": "plTitle",
|
||
"fill": "$--text-primary",
|
||
"content": "Profit/Loss",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 15,
|
||
"fontWeight": "600"
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "uktgh",
|
||
"name": "plTabs",
|
||
"gap": 6,
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "pKPxN",
|
||
"name": "chip1",
|
||
"height": 24,
|
||
"fill": "$--primary",
|
||
"cornerRadius": "$--radius-pill",
|
||
"padding": [
|
||
0,
|
||
10
|
||
],
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "Tgeut",
|
||
"name": "chip1t",
|
||
"fill": "$--text-inverse",
|
||
"content": "1D",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "B2LGQ",
|
||
"name": "chip2",
|
||
"height": 24,
|
||
"fill": "$--bg-page",
|
||
"cornerRadius": "$--radius-pill",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1,
|
||
"fill": "$--border-color"
|
||
},
|
||
"padding": [
|
||
0,
|
||
10
|
||
],
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "yB3gT",
|
||
"name": "chip2t",
|
||
"fill": "$--text-secondary",
|
||
"content": "1W",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "YBywh",
|
||
"name": "chip3",
|
||
"height": 24,
|
||
"fill": "$--bg-page",
|
||
"cornerRadius": "$--radius-pill",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1,
|
||
"fill": "$--border-color"
|
||
},
|
||
"padding": [
|
||
0,
|
||
10
|
||
],
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "odKoq",
|
||
"name": "chip3t",
|
||
"fill": "$--text-secondary",
|
||
"content": "ALL",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "JN9EJ",
|
||
"name": "plValue",
|
||
"fill": "$--text-primary",
|
||
"content": "$2,840.20",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 28,
|
||
"fontWeight": "700"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "bwDXd",
|
||
"name": "plTime",
|
||
"fill": "$--text-secondary",
|
||
"content": "All Time",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "500"
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "KqlRR",
|
||
"name": "plChart",
|
||
"width": "fill_container",
|
||
"height": 54,
|
||
"fill": "$--bg-page",
|
||
"cornerRadius": "$--radius-sm"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "lBneU",
|
||
"name": "Quick Wallet Actions",
|
||
"width": "fill_container",
|
||
"gap": 10,
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "CKU2S",
|
||
"name": "act1",
|
||
"width": "fill_container",
|
||
"height": 72,
|
||
"fill": "$--bg-card",
|
||
"cornerRadius": "$--radius-md",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1,
|
||
"fill": "$--border-color"
|
||
},
|
||
"layout": "vertical",
|
||
"gap": 6,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "NYZ8W",
|
||
"name": "act1t",
|
||
"fill": "$--text-primary",
|
||
"content": "充币",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "HqPod",
|
||
"name": "act2",
|
||
"width": "fill_container",
|
||
"height": 72,
|
||
"fill": "$--bg-card",
|
||
"cornerRadius": "$--radius-md",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1,
|
||
"fill": "$--border-color"
|
||
},
|
||
"layout": "vertical",
|
||
"gap": 6,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "lmKSI",
|
||
"name": "act2t",
|
||
"fill": "$--text-primary",
|
||
"content": "提币",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "2hqxH",
|
||
"x": 253.33333333333334,
|
||
"y": 0,
|
||
"name": "act3",
|
||
"enabled": false,
|
||
"width": "fill_container(116.66666666666667)",
|
||
"height": 72,
|
||
"fill": "$--bg-card",
|
||
"cornerRadius": "$--radius-md",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1,
|
||
"fill": "$--border-color"
|
||
},
|
||
"layout": "vertical",
|
||
"gap": 6,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "0VOiF",
|
||
"name": "act3t",
|
||
"fill": "$--text-primary",
|
||
"content": "授权",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "dPDcp",
|
||
"name": "Settlement Card",
|
||
"width": "fill_container",
|
||
"fill": "$--bg-card",
|
||
"cornerRadius": "$--radius-lg",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1,
|
||
"fill": "$--border-color"
|
||
},
|
||
"padding": [
|
||
12,
|
||
14
|
||
],
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "Xn73w",
|
||
"name": "settleText",
|
||
"fill": "$--text-primary",
|
||
"content": "You won $325.00 +2",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 13,
|
||
"fontWeight": "600"
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "Rjgyn",
|
||
"name": "claimBtn",
|
||
"height": 30,
|
||
"fill": "$--primary",
|
||
"cornerRadius": "$--radius-pill",
|
||
"padding": [
|
||
0,
|
||
12
|
||
],
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "omi17",
|
||
"name": "claimTxt",
|
||
"fill": "$--text-inverse",
|
||
"content": "Claim",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "ny6M5",
|
||
"name": "Wallet Section",
|
||
"width": "fill_container",
|
||
"fill": "$--bg-card",
|
||
"cornerRadius": "$--radius-lg",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1,
|
||
"fill": "$--border-color"
|
||
},
|
||
"layout": "vertical",
|
||
"gap": 12,
|
||
"padding": 16,
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "5gA0v",
|
||
"name": "tabs",
|
||
"width": "fill_container",
|
||
"gap": 8,
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "N76g8",
|
||
"name": "tab1",
|
||
"height": 30,
|
||
"fill": "$--bg-page",
|
||
"cornerRadius": "$--radius-pill",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1,
|
||
"fill": "$--border-color"
|
||
},
|
||
"padding": [
|
||
0,
|
||
12
|
||
],
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "kEB4p",
|
||
"name": "tab1t",
|
||
"fill": "$--text-secondary",
|
||
"content": "Positions",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "TH0Uy",
|
||
"name": "tab2",
|
||
"height": 30,
|
||
"fill": "$--bg-page",
|
||
"cornerRadius": "$--radius-pill",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1,
|
||
"fill": "$--border-color"
|
||
},
|
||
"padding": [
|
||
0,
|
||
12
|
||
],
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "tM22W",
|
||
"name": "tab2t",
|
||
"fill": "$--text-secondary",
|
||
"content": "Orders",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "1mBwS",
|
||
"name": "tab3",
|
||
"height": 30,
|
||
"fill": "$--primary",
|
||
"cornerRadius": "$--radius-pill",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 0,
|
||
"fill": "$--primary"
|
||
},
|
||
"padding": [
|
||
0,
|
||
12
|
||
],
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "IgNVA",
|
||
"name": "tab3t",
|
||
"fill": "$--text-inverse",
|
||
"content": "History",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "SxLXx",
|
||
"name": "tab4",
|
||
"height": 30,
|
||
"fill": "$--bg-page",
|
||
"cornerRadius": "$--radius-pill",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1,
|
||
"fill": "$--border-color"
|
||
},
|
||
"padding": [
|
||
0,
|
||
12
|
||
],
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "dZQGy",
|
||
"name": "tab4t",
|
||
"fill": "$--text-secondary",
|
||
"content": "Withdrawals",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "uj365",
|
||
"name": "historyList",
|
||
"width": "fill_container",
|
||
"cornerRadius": "$--radius-md",
|
||
"layout": "vertical",
|
||
"gap": 12,
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "wHxvo",
|
||
"name": "tradeCard1",
|
||
"width": "fill_container",
|
||
"fill": "$--bg-card",
|
||
"cornerRadius": "$--radius-lg",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1,
|
||
"fill": "$--border-color"
|
||
},
|
||
"layout": "vertical",
|
||
"gap": 10,
|
||
"padding": 14,
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "1PIjR",
|
||
"name": "tc1Top",
|
||
"width": "fill_container",
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "KpyJ7",
|
||
"name": "tc1Left",
|
||
"gap": 12,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "WDdwB",
|
||
"name": "tc1Icon",
|
||
"width": 44,
|
||
"height": 44,
|
||
"fill": "#DBEAFE",
|
||
"cornerRadius": 10,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "5qQsC",
|
||
"name": "tc1IconT",
|
||
"fill": "#2563EB",
|
||
"content": "F",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 16,
|
||
"fontWeight": "700"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "BhjCp",
|
||
"name": "tc1TitleCol",
|
||
"layout": "vertical",
|
||
"gap": 4,
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "fLqIS",
|
||
"name": "tc1Title",
|
||
"fill": "$--text-primary",
|
||
"content": "Fed Rate Cut in Sep?",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 15,
|
||
"fontWeight": "600"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "U8IZA",
|
||
"name": "tc1Date",
|
||
"fill": "$--text-tertiary",
|
||
"content": "2024-01-15 14:30",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "CJFIb",
|
||
"name": "tc1Amount",
|
||
"fill": "#16A34A",
|
||
"content": "+$124.00",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 18,
|
||
"fontWeight": "700"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "92v4A",
|
||
"name": "tc1Bottom",
|
||
"width": "fill_container",
|
||
"padding": [
|
||
8,
|
||
0,
|
||
0,
|
||
0
|
||
],
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "9xklQ",
|
||
"name": "tc1Tag",
|
||
"height": 22,
|
||
"cornerRadius": 6,
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1.5,
|
||
"fill": "#2563EB"
|
||
},
|
||
"padding": [
|
||
0,
|
||
10
|
||
],
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "0uQFs",
|
||
"name": "tc1TagT",
|
||
"fill": "#2563EB",
|
||
"content": "SELL",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 10,
|
||
"fontWeight": "700"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "LQDtS",
|
||
"name": "tc1Meta",
|
||
"fill": "$--text-secondary",
|
||
"content": "价格: 0.68 单量: 180",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "jfWRv",
|
||
"name": "tradeCard2",
|
||
"width": "fill_container",
|
||
"fill": "$--bg-card",
|
||
"cornerRadius": "$--radius-lg",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1,
|
||
"fill": "$--border-color"
|
||
},
|
||
"layout": "vertical",
|
||
"gap": 10,
|
||
"padding": 14,
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "5Acwa",
|
||
"name": "tc2Top",
|
||
"width": "fill_container",
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "L7wYb",
|
||
"name": "tc2Left",
|
||
"gap": 12,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "Sj208",
|
||
"name": "tc2Icon",
|
||
"width": 44,
|
||
"height": 44,
|
||
"fill": "#FEE2E2",
|
||
"cornerRadius": 10,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "VMFp5",
|
||
"name": "tc2IconT",
|
||
"fill": "#DC2626",
|
||
"content": "E",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 16,
|
||
"fontWeight": "700"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "iqoY1",
|
||
"name": "tc2TitleCol",
|
||
"layout": "vertical",
|
||
"gap": 4,
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "QKviv",
|
||
"name": "tc2Title",
|
||
"fill": "$--text-primary",
|
||
"content": "ETH above $4k by Q4",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 15,
|
||
"fontWeight": "600"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "b7FeA",
|
||
"name": "tc2Date",
|
||
"fill": "$--text-tertiary",
|
||
"content": "2024-01-14 09:15",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "KnjVv",
|
||
"name": "tc2Amount",
|
||
"fill": "$--text-secondary",
|
||
"content": "-$58.20",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 18,
|
||
"fontWeight": "700"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "Bts6a",
|
||
"name": "tc2Bottom",
|
||
"width": "fill_container",
|
||
"padding": [
|
||
8,
|
||
0,
|
||
0,
|
||
0
|
||
],
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "NyM27",
|
||
"name": "tc2Tag",
|
||
"height": 22,
|
||
"cornerRadius": 6,
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1.5,
|
||
"fill": "#DC2626"
|
||
},
|
||
"padding": [
|
||
0,
|
||
10
|
||
],
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "qQOyG",
|
||
"name": "tc2TagT",
|
||
"fill": "#DC2626",
|
||
"content": "BUY",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 10,
|
||
"fontWeight": "700"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "UsMX7",
|
||
"name": "tc2Meta",
|
||
"fill": "$--text-secondary",
|
||
"content": "价格: 0.41 单量: 95",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "zCjZa",
|
||
"name": "depositCard",
|
||
"width": "fill_container",
|
||
"fill": "$--bg-card",
|
||
"cornerRadius": "$--radius-lg",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1,
|
||
"fill": "$--border-color"
|
||
},
|
||
"padding": 14,
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "gowg8",
|
||
"name": "dcLeft",
|
||
"gap": 12,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "EaF2v",
|
||
"name": "dcIcon",
|
||
"width": 44,
|
||
"height": 44,
|
||
"fill": "#DCFCE7",
|
||
"cornerRadius": 10,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "Kix7t",
|
||
"name": "dcIconT",
|
||
"fill": "#16A34A",
|
||
"content": "充",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "700"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "IYCIH",
|
||
"name": "dcCol",
|
||
"layout": "vertical",
|
||
"gap": 4,
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "7Vglb",
|
||
"name": "dcTitle",
|
||
"fill": "$--text-primary",
|
||
"content": "USDT 充值",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 15,
|
||
"fontWeight": "600"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "GFuCu",
|
||
"name": "dcDate",
|
||
"fill": "$--text-tertiary",
|
||
"content": "2024-01-13 16:45",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "woRVW",
|
||
"name": "dcAmount",
|
||
"fill": "#16A34A",
|
||
"content": "+$2,000.00",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 16,
|
||
"fontWeight": "700"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "Vn9TX",
|
||
"name": "withdrawCard",
|
||
"width": "fill_container",
|
||
"fill": "$--bg-card",
|
||
"cornerRadius": "$--radius-lg",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1,
|
||
"fill": "$--border-color"
|
||
},
|
||
"padding": 14,
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "7STJJ",
|
||
"name": "wcLeft",
|
||
"gap": 12,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "o57C7",
|
||
"name": "wcIcon",
|
||
"width": 44,
|
||
"height": 44,
|
||
"fill": "#FEE2E2",
|
||
"cornerRadius": 10,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "cmR9m",
|
||
"name": "wcIconT",
|
||
"fill": "#DC2626",
|
||
"content": "提",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "700"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "zfhzw",
|
||
"name": "wcCol",
|
||
"layout": "vertical",
|
||
"gap": 4,
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "ovcZa",
|
||
"name": "wcTitle",
|
||
"fill": "$--text-primary",
|
||
"content": "BTC 提现",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 15,
|
||
"fontWeight": "600"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "tXzdW",
|
||
"name": "wcDate",
|
||
"fill": "$--text-tertiary",
|
||
"content": "2024-01-12 11:20",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "uGlNW",
|
||
"name": "wcAmount",
|
||
"fill": "$--text-secondary",
|
||
"content": "-$1,500.00",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 16,
|
||
"fontWeight": "700"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "tZDYO",
|
||
"x": 1906,
|
||
"y": 0,
|
||
"name": "Wallet - Withdrawals",
|
||
"clip": true,
|
||
"width": 402,
|
||
"height": 1402,
|
||
"fill": "$--bg-page",
|
||
"layout": "vertical",
|
||
"gap": 16,
|
||
"padding": 16,
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "dVQB1",
|
||
"name": "Header",
|
||
"width": "fill_container",
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "H5RPG",
|
||
"name": "htitle",
|
||
"fill": "$--text-primary",
|
||
"content": "钱包",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 24,
|
||
"fontWeight": "700"
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "e291J",
|
||
"x": 294,
|
||
"y": 0.5,
|
||
"name": "hright",
|
||
"enabled": false,
|
||
"gap": 8,
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "Najxk",
|
||
"name": "scanBtn",
|
||
"width": 34,
|
||
"height": 34,
|
||
"fill": "$--bg-card",
|
||
"cornerRadius": "$--radius-md",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1,
|
||
"fill": "$--border-color"
|
||
},
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "AX5aA",
|
||
"name": "scanTxt",
|
||
"fill": "$--text-primary",
|
||
"content": "扫",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 13,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "e8CKc",
|
||
"name": "notiBtn",
|
||
"width": 34,
|
||
"height": 34,
|
||
"fill": "$--bg-card",
|
||
"cornerRadius": "$--radius-md",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1,
|
||
"fill": "$--border-color"
|
||
},
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "0q3Si",
|
||
"name": "notiTxt",
|
||
"fill": "$--text-primary",
|
||
"content": "铃",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 13,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "qXdWW",
|
||
"name": "Asset Summary",
|
||
"width": "fill_container",
|
||
"fill": "$--primary",
|
||
"cornerRadius": "$--radius-lg",
|
||
"layout": "vertical",
|
||
"gap": 12,
|
||
"padding": 16,
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "ekIhC",
|
||
"name": "assetLabel",
|
||
"fill": "$--text-inverse",
|
||
"content": "Portfolio",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "500"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "7QOU5",
|
||
"name": "assetValue",
|
||
"fill": "$--text-inverse",
|
||
"content": "128,450.36",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 32,
|
||
"fontWeight": "700"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "dDsW5",
|
||
"x": 16,
|
||
"y": 94,
|
||
"name": "assetPnl",
|
||
"enabled": false,
|
||
"fill": "$--text-inverse",
|
||
"content": "今日 +2,140.52 (+1.69%)",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 13,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "EB9FR",
|
||
"x": 16,
|
||
"y": 274,
|
||
"name": "Profit Loss Card",
|
||
"enabled": false,
|
||
"width": "fill_container(370)",
|
||
"fill": "$--bg-card",
|
||
"cornerRadius": "$--radius-lg",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1,
|
||
"fill": "$--border-color"
|
||
},
|
||
"layout": "vertical",
|
||
"gap": 12,
|
||
"padding": 16,
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "A4ul9",
|
||
"name": "plHead",
|
||
"width": "fill_container",
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "cU2zt",
|
||
"name": "plTitle",
|
||
"fill": "$--text-primary",
|
||
"content": "Profit/Loss",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 15,
|
||
"fontWeight": "600"
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "pnzgQ",
|
||
"name": "plTabs",
|
||
"gap": 6,
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "hhOdt",
|
||
"name": "chip1",
|
||
"height": 24,
|
||
"fill": "$--primary",
|
||
"cornerRadius": "$--radius-pill",
|
||
"padding": [
|
||
0,
|
||
10
|
||
],
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "EtnZW",
|
||
"name": "chip1t",
|
||
"fill": "$--text-inverse",
|
||
"content": "1D",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "mVzfH",
|
||
"name": "chip2",
|
||
"height": 24,
|
||
"fill": "$--bg-page",
|
||
"cornerRadius": "$--radius-pill",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1,
|
||
"fill": "$--border-color"
|
||
},
|
||
"padding": [
|
||
0,
|
||
10
|
||
],
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "8Mi6k",
|
||
"name": "chip2t",
|
||
"fill": "$--text-secondary",
|
||
"content": "1W",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "auYX4",
|
||
"name": "chip3",
|
||
"height": 24,
|
||
"fill": "$--bg-page",
|
||
"cornerRadius": "$--radius-pill",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1,
|
||
"fill": "$--border-color"
|
||
},
|
||
"padding": [
|
||
0,
|
||
10
|
||
],
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "8JOaX",
|
||
"name": "chip3t",
|
||
"fill": "$--text-secondary",
|
||
"content": "ALL",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "ZXLQh",
|
||
"name": "plValue",
|
||
"fill": "$--text-primary",
|
||
"content": "$2,840.20",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 28,
|
||
"fontWeight": "700"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "2ObmE",
|
||
"name": "plTime",
|
||
"fill": "$--text-secondary",
|
||
"content": "All Time",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "500"
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "mgYLY",
|
||
"name": "plChart",
|
||
"width": "fill_container",
|
||
"height": 54,
|
||
"fill": "$--bg-page",
|
||
"cornerRadius": "$--radius-sm"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "4ax07",
|
||
"name": "Quick Wallet Actions",
|
||
"width": "fill_container",
|
||
"gap": 10,
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "vtt7T",
|
||
"name": "act1",
|
||
"width": "fill_container",
|
||
"height": 72,
|
||
"fill": "$--bg-card",
|
||
"cornerRadius": "$--radius-md",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1,
|
||
"fill": "$--border-color"
|
||
},
|
||
"layout": "vertical",
|
||
"gap": 6,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "IJKL3",
|
||
"name": "act1t",
|
||
"fill": "$--text-primary",
|
||
"content": "充币",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "l4zGB",
|
||
"name": "act2",
|
||
"width": "fill_container",
|
||
"height": 72,
|
||
"fill": "$--bg-card",
|
||
"cornerRadius": "$--radius-md",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1,
|
||
"fill": "$--border-color"
|
||
},
|
||
"layout": "vertical",
|
||
"gap": 6,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "wG4ry",
|
||
"name": "act2t",
|
||
"fill": "$--text-primary",
|
||
"content": "提币",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "K29vU",
|
||
"x": 253.33333333333334,
|
||
"y": 0,
|
||
"name": "act3",
|
||
"enabled": false,
|
||
"width": "fill_container(116.66666666666667)",
|
||
"height": 72,
|
||
"fill": "$--bg-card",
|
||
"cornerRadius": "$--radius-md",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1,
|
||
"fill": "$--border-color"
|
||
},
|
||
"layout": "vertical",
|
||
"gap": 6,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "dlay2",
|
||
"name": "act3t",
|
||
"fill": "$--text-primary",
|
||
"content": "授权",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "9r3iv",
|
||
"name": "Settlement Card",
|
||
"width": "fill_container",
|
||
"fill": "$--bg-card",
|
||
"cornerRadius": "$--radius-lg",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1,
|
||
"fill": "$--border-color"
|
||
},
|
||
"padding": [
|
||
12,
|
||
14
|
||
],
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "Ydggc",
|
||
"name": "settleText",
|
||
"fill": "$--text-primary",
|
||
"content": "You won $325.00 +2",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 13,
|
||
"fontWeight": "600"
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "96S93",
|
||
"name": "claimBtn",
|
||
"height": 30,
|
||
"fill": "$--primary",
|
||
"cornerRadius": "$--radius-pill",
|
||
"padding": [
|
||
0,
|
||
12
|
||
],
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "YUzYl",
|
||
"name": "claimTxt",
|
||
"fill": "$--text-inverse",
|
||
"content": "Claim",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "UjOKn",
|
||
"name": "Wallet Section",
|
||
"width": "fill_container",
|
||
"fill": "$--bg-card",
|
||
"cornerRadius": "$--radius-lg",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1,
|
||
"fill": "$--border-color"
|
||
},
|
||
"layout": "vertical",
|
||
"gap": 12,
|
||
"padding": 16,
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "l9l7f",
|
||
"name": "tabs",
|
||
"width": "fill_container",
|
||
"gap": 8,
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "delaV",
|
||
"name": "tab1",
|
||
"height": 30,
|
||
"fill": "$--bg-page",
|
||
"cornerRadius": "$--radius-pill",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1,
|
||
"fill": "$--border-color"
|
||
},
|
||
"padding": [
|
||
0,
|
||
12
|
||
],
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "ATpaP",
|
||
"name": "tab1t",
|
||
"fill": "$--text-secondary",
|
||
"content": "Positions",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "fGD8K",
|
||
"name": "tab2",
|
||
"height": 30,
|
||
"fill": "$--bg-page",
|
||
"cornerRadius": "$--radius-pill",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1,
|
||
"fill": "$--border-color"
|
||
},
|
||
"padding": [
|
||
0,
|
||
12
|
||
],
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "w1AxB",
|
||
"name": "tab2t",
|
||
"fill": "$--text-secondary",
|
||
"content": "Orders",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "KhJ34",
|
||
"name": "tab3",
|
||
"height": 30,
|
||
"fill": "$--bg-page",
|
||
"cornerRadius": "$--radius-pill",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1,
|
||
"fill": "$--border-color"
|
||
},
|
||
"padding": [
|
||
0,
|
||
12
|
||
],
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "41K0m",
|
||
"name": "tab3t",
|
||
"fill": "$--text-secondary",
|
||
"content": "History",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "hvfFP",
|
||
"name": "tab4",
|
||
"height": 30,
|
||
"fill": "$--primary",
|
||
"cornerRadius": "$--radius-pill",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 0,
|
||
"fill": "$--primary"
|
||
},
|
||
"padding": [
|
||
0,
|
||
12
|
||
],
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "2Uzfg",
|
||
"name": "tab4t",
|
||
"fill": "$--text-inverse",
|
||
"content": "Withdrawals",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "mEt03",
|
||
"name": "withdrawList",
|
||
"width": "fill_container",
|
||
"cornerRadius": "$--radius-md",
|
||
"layout": "vertical",
|
||
"gap": 12,
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "oiVjF",
|
||
"name": "wCard1",
|
||
"width": "fill_container",
|
||
"fill": "$--bg-card",
|
||
"cornerRadius": "$--radius-lg",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1,
|
||
"fill": "$--border-color"
|
||
},
|
||
"layout": "vertical",
|
||
"gap": 8,
|
||
"padding": 12,
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "Lo82C",
|
||
"name": "w1Top",
|
||
"width": "fill_container",
|
||
"justifyContent": "space_between",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "tn95J",
|
||
"name": "w1Left",
|
||
"gap": 12,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "ti0DQ",
|
||
"name": "w1Col",
|
||
"layout": "vertical",
|
||
"gap": 4,
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "1o0Dc",
|
||
"name": "w1Title",
|
||
"fill": "$--text-secondary",
|
||
"content": "2024-01-15 14:30:25",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "500"
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "bmnPr",
|
||
"name": "w1Chain",
|
||
"height": 20,
|
||
"fill": "#DBEAFE",
|
||
"cornerRadius": 999,
|
||
"padding": [
|
||
0,
|
||
8
|
||
],
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "LO16g",
|
||
"name": "w1ChainT",
|
||
"fill": "#2563EB",
|
||
"content": "TRC20",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 10,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "TlhW7",
|
||
"name": "w1Status",
|
||
"height": 26,
|
||
"fill": "#FEF3C7",
|
||
"cornerRadius": 999,
|
||
"padding": [
|
||
0,
|
||
12
|
||
],
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "118KU",
|
||
"name": "w1StatusT",
|
||
"fill": "#B45309",
|
||
"content": "Pending",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "VZvT2",
|
||
"name": "w1Mid",
|
||
"width": "fill_container",
|
||
"padding": [
|
||
6,
|
||
0
|
||
],
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "yE8xT",
|
||
"name": "w1AmountCol",
|
||
"layout": "vertical",
|
||
"gap": 2,
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "2l7G9",
|
||
"name": "w1AmountLabel",
|
||
"fill": "$--text-tertiary",
|
||
"content": "提现金额",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 10,
|
||
"fontWeight": "500"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "EWa9x",
|
||
"name": "w1Amount",
|
||
"fill": "$--text-primary",
|
||
"content": "2,500.00 USDT",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 16,
|
||
"fontWeight": "700"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "53fav",
|
||
"name": "w1FeeCol",
|
||
"layout": "vertical",
|
||
"gap": 2,
|
||
"alignItems": "end",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "85cVQ",
|
||
"name": "w1FeeLabel",
|
||
"fill": "$--text-tertiary",
|
||
"content": "手续费",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 10,
|
||
"fontWeight": "500"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "vaMVb",
|
||
"name": "w1Fee",
|
||
"fill": "$--text-secondary",
|
||
"content": "1.00 USDT",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "A8YeG",
|
||
"name": "w1Bottom",
|
||
"layout": "vertical",
|
||
"gap": 4,
|
||
"padding": [
|
||
6,
|
||
0,
|
||
0,
|
||
0
|
||
],
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "xyNkj",
|
||
"name": "w1AddrLabel",
|
||
"fill": "$--text-tertiary",
|
||
"content": "提现地址",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 10,
|
||
"fontWeight": "500"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "G1pLM",
|
||
"name": "w1Addr",
|
||
"fill": "$--text-primary",
|
||
"content": "0x8f3a...29ab",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 13,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "QpMpB",
|
||
"name": "wCard2",
|
||
"width": "fill_container",
|
||
"fill": "$--bg-card",
|
||
"cornerRadius": "$--radius-lg",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1,
|
||
"fill": "$--border-color"
|
||
},
|
||
"layout": "vertical",
|
||
"gap": 8,
|
||
"padding": 12,
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "nmkiF",
|
||
"name": "w2Top",
|
||
"width": "fill_container",
|
||
"justifyContent": "space_between",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "uxCDM",
|
||
"name": "w2Left",
|
||
"gap": 12,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "DDFz0",
|
||
"name": "w2Col",
|
||
"layout": "vertical",
|
||
"gap": 4,
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "O310P",
|
||
"name": "w2Title",
|
||
"fill": "$--text-secondary",
|
||
"content": "2024-01-14 09:15:33",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "500"
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "e40zy",
|
||
"name": "w2Chain",
|
||
"height": 20,
|
||
"fill": "$--bg-page",
|
||
"cornerRadius": 999,
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1,
|
||
"fill": "$--border-color"
|
||
},
|
||
"padding": [
|
||
0,
|
||
8
|
||
],
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "253N1",
|
||
"name": "w2ChainT",
|
||
"fill": "$--text-secondary",
|
||
"content": "Bitcoin",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 10,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "p9RWo",
|
||
"name": "w2Status",
|
||
"height": 26,
|
||
"fill": "#DCFCE7",
|
||
"cornerRadius": 999,
|
||
"padding": [
|
||
0,
|
||
12
|
||
],
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "J4njr",
|
||
"name": "w2StatusT",
|
||
"fill": "#16A34A",
|
||
"content": "Success",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "3d2CJ",
|
||
"name": "w2Mid",
|
||
"width": "fill_container",
|
||
"padding": [
|
||
6,
|
||
0
|
||
],
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "eKM6L",
|
||
"name": "w2AmountCol",
|
||
"layout": "vertical",
|
||
"gap": 2,
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "u5TZu",
|
||
"name": "w2AmountLabel",
|
||
"fill": "$--text-tertiary",
|
||
"content": "提现金额",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 10,
|
||
"fontWeight": "500"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "utE3E",
|
||
"name": "w2Amount",
|
||
"fill": "$--text-primary",
|
||
"content": "0.8500 BTC",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 16,
|
||
"fontWeight": "700"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "0buIH",
|
||
"name": "w2FeeCol",
|
||
"layout": "vertical",
|
||
"gap": 2,
|
||
"alignItems": "end",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "rJb7g",
|
||
"name": "w2FeeLabel",
|
||
"fill": "$--text-tertiary",
|
||
"content": "手续费",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 10,
|
||
"fontWeight": "500"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "wnihX",
|
||
"name": "w2Fee",
|
||
"fill": "$--text-secondary",
|
||
"content": "0.0005 BTC",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "kdZM8",
|
||
"name": "w2Bottom",
|
||
"layout": "vertical",
|
||
"gap": 4,
|
||
"padding": [
|
||
6,
|
||
0,
|
||
0,
|
||
0
|
||
],
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "ibJzx",
|
||
"name": "w2AddrLabel",
|
||
"fill": "$--text-tertiary",
|
||
"content": "提现地址",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 10,
|
||
"fontWeight": "500"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "doKvs",
|
||
"name": "w2Addr",
|
||
"fill": "$--text-primary",
|
||
"content": "bc1q...8k2m",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 13,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "XVvKC",
|
||
"name": "wCard3",
|
||
"width": "fill_container",
|
||
"fill": "$--bg-card",
|
||
"cornerRadius": "$--radius-lg",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1,
|
||
"fill": "$--border-color"
|
||
},
|
||
"layout": "vertical",
|
||
"gap": 8,
|
||
"padding": 12,
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "zZFC2",
|
||
"name": "w3Top",
|
||
"width": "fill_container",
|
||
"justifyContent": "space_between",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "fQplV",
|
||
"name": "w3Left",
|
||
"gap": 12,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "I4ueC",
|
||
"name": "w3Col",
|
||
"layout": "vertical",
|
||
"gap": 4,
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "p8Z1f",
|
||
"name": "w3Title",
|
||
"fill": "$--text-secondary",
|
||
"content": "2024-01-13 11:45:12",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "500"
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "lAldQ",
|
||
"name": "w3Chain",
|
||
"height": 20,
|
||
"fill": "#FEE2E2",
|
||
"cornerRadius": 999,
|
||
"padding": [
|
||
0,
|
||
8
|
||
],
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "eRvIx",
|
||
"name": "w3ChainT",
|
||
"fill": "#DC2626",
|
||
"content": "ERC20",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 10,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "0SsjM",
|
||
"name": "w3Status",
|
||
"height": 26,
|
||
"fill": "#FEE2E2",
|
||
"cornerRadius": 999,
|
||
"padding": [
|
||
0,
|
||
12
|
||
],
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "ljr2h",
|
||
"name": "w3StatusT",
|
||
"fill": "#DC2626",
|
||
"content": "Rejected",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "cQALr",
|
||
"name": "w3Mid",
|
||
"width": "fill_container",
|
||
"padding": [
|
||
6,
|
||
0
|
||
],
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "iv9i3",
|
||
"name": "w3AmountCol",
|
||
"layout": "vertical",
|
||
"gap": 2,
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "mEPGe",
|
||
"name": "w3AmountLabel",
|
||
"fill": "$--text-tertiary",
|
||
"content": "提现金额",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 10,
|
||
"fontWeight": "500"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "4WCJQ",
|
||
"name": "w3Amount",
|
||
"fill": "$--text-primary",
|
||
"content": "5.20 ETH",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 16,
|
||
"fontWeight": "700"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "VIbtG",
|
||
"name": "w3FeeCol",
|
||
"layout": "vertical",
|
||
"gap": 2,
|
||
"alignItems": "end",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "wzHM7",
|
||
"name": "w3FeeLabel",
|
||
"fill": "$--text-tertiary",
|
||
"content": "手续费",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 10,
|
||
"fontWeight": "500"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "Y3RKv",
|
||
"name": "w3Fee",
|
||
"fill": "$--text-secondary",
|
||
"content": "0.005 ETH",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "XCkd9",
|
||
"name": "w3Bottom",
|
||
"layout": "vertical",
|
||
"gap": 4,
|
||
"padding": [
|
||
6,
|
||
0,
|
||
0,
|
||
0
|
||
],
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "rM3ss",
|
||
"name": "w3AddrLabel",
|
||
"fill": "$--text-tertiary",
|
||
"content": "提现地址",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 10,
|
||
"fontWeight": "500"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "H14TW",
|
||
"name": "w3Addr",
|
||
"fill": "$--text-primary",
|
||
"content": "0x1a2...ff09",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 13,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "WFa0K",
|
||
"x": 2388,
|
||
"y": 0,
|
||
"name": "API Key 管理",
|
||
"clip": true,
|
||
"width": 402,
|
||
"height": 980,
|
||
"fill": "$--bg-page",
|
||
"layout": "vertical",
|
||
"gap": 16,
|
||
"padding": 16,
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "0AeNS",
|
||
"name": "header",
|
||
"width": "fill_container",
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "ddnsS",
|
||
"name": "title",
|
||
"fill": "$--text-primary",
|
||
"content": "API Key 管理",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 24,
|
||
"fontWeight": "700"
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "TaJXn",
|
||
"name": "createBtn",
|
||
"height": 34,
|
||
"fill": "$--primary",
|
||
"cornerRadius": "$--radius-md",
|
||
"padding": [
|
||
0,
|
||
12
|
||
],
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "xO1vW",
|
||
"name": "createTxt",
|
||
"fill": "$--text-inverse",
|
||
"content": "创建 Key",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "EMP1a",
|
||
"name": "apiKeyList",
|
||
"width": "fill_container",
|
||
"layout": "vertical",
|
||
"gap": 12,
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "jgNqs",
|
||
"name": "item1",
|
||
"width": "fill_container",
|
||
"fill": "$--bg-card",
|
||
"cornerRadius": "$--radius-lg",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1,
|
||
"fill": "$--border-color"
|
||
},
|
||
"layout": "vertical",
|
||
"gap": 10,
|
||
"padding": 14,
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "FaQQH",
|
||
"name": "item1Name",
|
||
"fill": "$--text-secondary",
|
||
"content": "Key #1",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "600"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "WKMDl",
|
||
"name": "item1Key",
|
||
"fill": "$--text-primary",
|
||
"textGrowth": "fixed-width",
|
||
"width": "fill_container",
|
||
"content": "pk_live_8f2a9d1c5e7b44a8b1c2d3e4f5a6b7c8",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 13,
|
||
"fontWeight": "500"
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "cT8ya",
|
||
"name": "item1Actions",
|
||
"width": "fill_container",
|
||
"gap": 8,
|
||
"justifyContent": "end",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "JUvMh",
|
||
"name": "item1Copy",
|
||
"height": 30,
|
||
"fill": "$--bg-page",
|
||
"cornerRadius": "$--radius-sm",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1,
|
||
"fill": "$--border-color"
|
||
},
|
||
"padding": [
|
||
0,
|
||
10
|
||
],
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "ov358",
|
||
"name": "item1CopyTxt",
|
||
"fill": "$--text-primary",
|
||
"content": "复制",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "d8xw6",
|
||
"name": "item1Delete",
|
||
"height": 30,
|
||
"fill": "$--bg-error",
|
||
"cornerRadius": "$--radius-sm",
|
||
"padding": [
|
||
0,
|
||
10
|
||
],
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "en2qk",
|
||
"name": "item1DeleteTxt",
|
||
"fill": "$--error",
|
||
"content": "删除",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "GW3BH",
|
||
"name": "item2",
|
||
"width": "fill_container",
|
||
"fill": "$--bg-card",
|
||
"cornerRadius": "$--radius-lg",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1,
|
||
"fill": "$--border-color"
|
||
},
|
||
"layout": "vertical",
|
||
"gap": 10,
|
||
"padding": 14,
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "oOYEt",
|
||
"name": "item2Name",
|
||
"fill": "$--text-secondary",
|
||
"content": "Key #2",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "600"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "C1oUw",
|
||
"name": "item2Key",
|
||
"fill": "$--text-primary",
|
||
"textGrowth": "fixed-width",
|
||
"width": "fill_container",
|
||
"content": "pk_test_4d6f8a0c2e4g66h0j2k4m6n8p0r2t4v6",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 13,
|
||
"fontWeight": "500"
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "4yQTo",
|
||
"name": "item2Actions",
|
||
"width": "fill_container",
|
||
"gap": 8,
|
||
"justifyContent": "end",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "JdZET",
|
||
"name": "item2Copy",
|
||
"height": 30,
|
||
"fill": "$--bg-page",
|
||
"cornerRadius": "$--radius-sm",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1,
|
||
"fill": "$--border-color"
|
||
},
|
||
"padding": [
|
||
0,
|
||
10
|
||
],
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "5HlNa",
|
||
"name": "item2CopyTxt",
|
||
"fill": "$--text-primary",
|
||
"content": "复制",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "LYFAJ",
|
||
"name": "item2Delete",
|
||
"height": 30,
|
||
"fill": "$--bg-error",
|
||
"cornerRadius": "$--radius-sm",
|
||
"padding": [
|
||
0,
|
||
10
|
||
],
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "QGhG3",
|
||
"name": "item2DeleteTxt",
|
||
"fill": "$--error",
|
||
"content": "删除",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "bJhap",
|
||
"name": "item3",
|
||
"width": "fill_container",
|
||
"fill": "$--bg-card",
|
||
"cornerRadius": "$--radius-lg",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1,
|
||
"fill": "$--border-color"
|
||
},
|
||
"layout": "vertical",
|
||
"gap": 10,
|
||
"padding": 14,
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "PO312",
|
||
"name": "item3Name",
|
||
"fill": "$--text-secondary",
|
||
"content": "Key #3",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "600"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "1LnNj",
|
||
"name": "item3Key",
|
||
"fill": "$--text-primary",
|
||
"textGrowth": "fixed-width",
|
||
"width": "fill_container",
|
||
"content": "pk_live_1a3c5e7g9i1k3m5o7q9s1u3w5y7z9b1d",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 13,
|
||
"fontWeight": "500"
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "nMMEK",
|
||
"name": "item3Actions",
|
||
"width": "fill_container",
|
||
"gap": 8,
|
||
"justifyContent": "end",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "FJCrh",
|
||
"name": "item3Copy",
|
||
"height": 30,
|
||
"fill": "$--bg-page",
|
||
"cornerRadius": "$--radius-sm",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1,
|
||
"fill": "$--border-color"
|
||
},
|
||
"padding": [
|
||
0,
|
||
10
|
||
],
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "WmRWR",
|
||
"name": "item3CopyTxt",
|
||
"fill": "$--text-primary",
|
||
"content": "复制",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "w5oHp",
|
||
"name": "item3Delete",
|
||
"height": 30,
|
||
"fill": "$--bg-error",
|
||
"cornerRadius": "$--radius-sm",
|
||
"padding": [
|
||
0,
|
||
10
|
||
],
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "qxTvp",
|
||
"name": "item3DeleteTxt",
|
||
"fill": "$--error",
|
||
"content": "删除",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "p4Kcp",
|
||
"x": 2870,
|
||
"y": 0,
|
||
"name": "Search 页面",
|
||
"clip": true,
|
||
"width": 402,
|
||
"height": 980,
|
||
"fill": "$--bg-page",
|
||
"layout": "vertical",
|
||
"gap": 16,
|
||
"padding": 16,
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "3Vnaa",
|
||
"name": "header",
|
||
"fill": "$--text-primary",
|
||
"content": "搜索",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 24,
|
||
"fontWeight": "700"
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "21vaH",
|
||
"name": "searchBox",
|
||
"width": "fill_container",
|
||
"height": 42,
|
||
"fill": "$--bg-card",
|
||
"cornerRadius": "$--radius-pill",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1,
|
||
"fill": "$--border-color"
|
||
},
|
||
"gap": 8,
|
||
"padding": [
|
||
0,
|
||
12
|
||
],
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "6tL5Y",
|
||
"name": "searchPlaceholder",
|
||
"fill": "$--text-tertiary",
|
||
"content": "搜索市场、话题、地址",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 13,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "6Vu3S",
|
||
"name": "recordsCard",
|
||
"width": "fill_container",
|
||
"fill": "$--bg-card",
|
||
"cornerRadius": "$--radius-lg",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1,
|
||
"fill": "$--border-color"
|
||
},
|
||
"layout": "vertical",
|
||
"gap": 10,
|
||
"padding": 14,
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "pnWsz",
|
||
"name": "recordsTitle",
|
||
"fill": "$--text-primary",
|
||
"content": "搜索记录",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 15,
|
||
"fontWeight": "600"
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "CfnlN",
|
||
"name": "record1",
|
||
"width": "fill_container",
|
||
"height": 34,
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "m2WOb",
|
||
"name": "record1Text",
|
||
"fill": "$--text-secondary",
|
||
"content": "BTC ETF approval odds",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 13,
|
||
"fontWeight": "500"
|
||
},
|
||
{
|
||
"type": "icon_font",
|
||
"id": "hnXps",
|
||
"name": "record1X",
|
||
"width": 16,
|
||
"height": 16,
|
||
"iconFontName": "x",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$--text-tertiary"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "nuDa6",
|
||
"name": "record2",
|
||
"width": "fill_container",
|
||
"height": 34,
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "u6Qmw",
|
||
"name": "record2Text",
|
||
"fill": "$--text-secondary",
|
||
"content": "US election winner",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 13,
|
||
"fontWeight": "500"
|
||
},
|
||
{
|
||
"type": "icon_font",
|
||
"id": "rp438",
|
||
"name": "record2X",
|
||
"width": 16,
|
||
"height": 16,
|
||
"iconFontName": "x",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$--text-tertiary"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "FH9Ix",
|
||
"name": "record3",
|
||
"width": "fill_container",
|
||
"height": 34,
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "aLxay",
|
||
"name": "record3Text",
|
||
"fill": "$--text-secondary",
|
||
"content": "ETH above $4k",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 13,
|
||
"fontWeight": "500"
|
||
},
|
||
{
|
||
"type": "icon_font",
|
||
"id": "iJhuf",
|
||
"name": "record3X",
|
||
"width": 16,
|
||
"height": 16,
|
||
"iconFontName": "x",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$--text-tertiary"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "lBOXU",
|
||
"name": "recoCard",
|
||
"width": "fill_container",
|
||
"fill": "$--bg-card",
|
||
"cornerRadius": "$--radius-lg",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1,
|
||
"fill": "$--border-color"
|
||
},
|
||
"layout": "vertical",
|
||
"gap": 10,
|
||
"padding": 14,
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "9SZ8c",
|
||
"name": "recoTitle",
|
||
"fill": "$--text-primary",
|
||
"content": "推荐标签",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 15,
|
||
"fontWeight": "600"
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "dzsgx",
|
||
"name": "tagRow",
|
||
"width": "fill_container",
|
||
"gap": 8,
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "UiTNh",
|
||
"name": "tag4",
|
||
"height": 30,
|
||
"fill": "$--bg-page",
|
||
"cornerRadius": "$--radius-pill",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1,
|
||
"fill": "$--border-color"
|
||
},
|
||
"padding": [
|
||
0,
|
||
12
|
||
],
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "nqccZ",
|
||
"name": "tag4Txt",
|
||
"fill": "$--text-secondary",
|
||
"content": "ETH",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "lL6RH",
|
||
"name": "tag5",
|
||
"height": 30,
|
||
"fill": "$--bg-page",
|
||
"cornerRadius": "$--radius-pill",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1,
|
||
"fill": "$--border-color"
|
||
},
|
||
"padding": [
|
||
0,
|
||
12
|
||
],
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "U5UKP",
|
||
"name": "tag5Txt",
|
||
"fill": "$--text-secondary",
|
||
"content": "科技股",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "o4qAL",
|
||
"name": "tag2",
|
||
"height": 30,
|
||
"fill": "$--bg-page",
|
||
"cornerRadius": "$--radius-pill",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1,
|
||
"fill": "$--border-color"
|
||
},
|
||
"padding": [
|
||
0,
|
||
12
|
||
],
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "DdSbm",
|
||
"name": "tag2Txt",
|
||
"fill": "$--text-secondary",
|
||
"content": "总统大选",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "mN9t2",
|
||
"x": 3352,
|
||
"y": 0,
|
||
"name": "Search 结果页面",
|
||
"clip": true,
|
||
"width": 402,
|
||
"height": 980,
|
||
"fill": "$--bg-page",
|
||
"layout": "vertical",
|
||
"gap": 16,
|
||
"padding": 16,
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "Tk2xJ",
|
||
"name": "header",
|
||
"fill": "$--text-primary",
|
||
"content": "搜索",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 24,
|
||
"fontWeight": "700"
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "cIi7V",
|
||
"name": "rSearchBox",
|
||
"width": "fill_container",
|
||
"height": 42,
|
||
"fill": "$--bg-card",
|
||
"cornerRadius": "$--radius-pill",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1,
|
||
"fill": "$--border-color"
|
||
},
|
||
"gap": 8,
|
||
"padding": [
|
||
0,
|
||
12
|
||
],
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "x2otH",
|
||
"name": "rSearchText",
|
||
"fill": "$--text-primary",
|
||
"content": "btc",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 13,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "fh0Kf",
|
||
"name": "resultList",
|
||
"width": "fill_container",
|
||
"layout": "vertical",
|
||
"gap": 10,
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "NxUvs",
|
||
"name": "item1",
|
||
"width": "fill_container",
|
||
"fill": "$--bg-card",
|
||
"cornerRadius": "$--radius-lg",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1,
|
||
"fill": "$--border-color"
|
||
},
|
||
"padding": 12,
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "aIODJ",
|
||
"name": "i1Left",
|
||
"gap": 10,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "hViWn",
|
||
"name": "i1Icon",
|
||
"width": 38,
|
||
"height": 38,
|
||
"fill": "$--bg-dark",
|
||
"cornerRadius": 10,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "fFplC",
|
||
"name": "i1IconTxt",
|
||
"fill": "$--text-inverse",
|
||
"content": "B",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "700"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "zk2yt",
|
||
"name": "i1Title",
|
||
"fill": "$--text-primary",
|
||
"content": "BTC > $85k this year",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "WHSmU",
|
||
"name": "i1Right",
|
||
"layout": "vertical",
|
||
"gap": 3,
|
||
"alignItems": "end",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "ejTQc",
|
||
"name": "i1Pct",
|
||
"fill": "$--primary",
|
||
"content": "72%",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "700"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "qxOnj",
|
||
"name": "i1Time",
|
||
"fill": "$--text-tertiary",
|
||
"content": "2h ago",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "U3tmH",
|
||
"name": "item2",
|
||
"width": "fill_container",
|
||
"fill": "$--bg-card",
|
||
"cornerRadius": "$--radius-lg",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1,
|
||
"fill": "$--border-color"
|
||
},
|
||
"padding": 12,
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "gbLhM",
|
||
"name": "i2Left",
|
||
"gap": 10,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "AixL9",
|
||
"name": "i2Icon",
|
||
"width": 38,
|
||
"height": 38,
|
||
"fill": "#FEE2E2",
|
||
"cornerRadius": 10,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "ERORZ",
|
||
"name": "i2IconTxt",
|
||
"fill": "#DC2626",
|
||
"content": "E",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "700"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "zRJ36",
|
||
"name": "i2Title",
|
||
"fill": "$--text-primary",
|
||
"content": "ETH above $4k by Q4",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "p5JSi",
|
||
"name": "i2Right",
|
||
"layout": "vertical",
|
||
"gap": 3,
|
||
"alignItems": "end",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "4gd6S",
|
||
"name": "i2Pct",
|
||
"fill": "$--text-primary",
|
||
"content": "61%",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "700"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "VWNsT",
|
||
"name": "i2Time",
|
||
"fill": "$--text-tertiary",
|
||
"content": "5h ago",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "WeiVf",
|
||
"name": "item3",
|
||
"width": "fill_container",
|
||
"fill": "$--bg-card",
|
||
"cornerRadius": "$--radius-lg",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1,
|
||
"fill": "$--border-color"
|
||
},
|
||
"padding": 12,
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "bGwrs",
|
||
"name": "i3Left",
|
||
"gap": 10,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "AfaGJ",
|
||
"name": "i3Icon",
|
||
"width": 38,
|
||
"height": 38,
|
||
"fill": "$--primary-light",
|
||
"cornerRadius": 10,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "dj4r2",
|
||
"name": "i3IconTxt",
|
||
"fill": "$--primary",
|
||
"content": "U",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "700"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "xIMWu",
|
||
"name": "i3Title",
|
||
"fill": "$--text-primary",
|
||
"content": "US Election Winner",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "njdXO",
|
||
"name": "i3Right",
|
||
"layout": "vertical",
|
||
"gap": 3,
|
||
"alignItems": "end",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "2Wmch",
|
||
"name": "i3Pct",
|
||
"fill": "$--text-primary",
|
||
"content": "54%",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "700"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "Ofbf3",
|
||
"name": "i3Time",
|
||
"fill": "$--text-tertiary",
|
||
"content": "1d ago",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "a0ov6",
|
||
"x": 0,
|
||
"y": 1426,
|
||
"name": "Username Edit Dialog",
|
||
"clip": true,
|
||
"width": 420,
|
||
"height": 280,
|
||
"fill": "$--bg-card",
|
||
"cornerRadius": "$--radius-md",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1,
|
||
"fill": "$--border-light"
|
||
},
|
||
"effect": {
|
||
"type": "shadow",
|
||
"shadowType": "outer",
|
||
"color": "#0000001A",
|
||
"offset": {
|
||
"x": 0,
|
||
"y": 8
|
||
},
|
||
"blur": 24,
|
||
"spread": -8
|
||
},
|
||
"layout": "vertical",
|
||
"gap": 16,
|
||
"padding": 24,
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "0MEPR",
|
||
"name": "dialogTitle",
|
||
"fill": "$--text-primary",
|
||
"content": "修改用户名",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 20,
|
||
"fontWeight": "600"
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "4otyb",
|
||
"name": "inputBlock",
|
||
"width": "fill_container",
|
||
"layout": "vertical",
|
||
"gap": 8,
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "OZgjg",
|
||
"name": "inputLabel",
|
||
"fill": "$--text-secondary",
|
||
"content": "新用户名",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 13,
|
||
"fontWeight": "600"
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "kAiv5",
|
||
"name": "inputBox",
|
||
"width": "fill_container",
|
||
"height": 44,
|
||
"fill": "#FFFFFF",
|
||
"cornerRadius": "$--radius-sm",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1,
|
||
"fill": "$--border-light"
|
||
},
|
||
"gap": 8,
|
||
"padding": [
|
||
16,
|
||
10
|
||
],
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "440KR",
|
||
"name": "inputValueText",
|
||
"fill": "$--text-primary",
|
||
"content": "sven_01",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "CYB6W",
|
||
"name": "helperText",
|
||
"fill": "$--text-tertiary",
|
||
"textGrowth": "fixed-width",
|
||
"width": "fill_container",
|
||
"content": "只能包含字母、数字与下划线（a-z / 0-9 / _）",
|
||
"lineHeight": 1.4,
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "normal"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "kD5v9",
|
||
"name": "newErrorText",
|
||
"opacity": 0,
|
||
"fill": "$--error",
|
||
"content": "用户名长度至少 2 位",
|
||
"lineHeight": 1.4,
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "sjwkr",
|
||
"name": "buttonsRow",
|
||
"width": "fill_container",
|
||
"gap": 12,
|
||
"justifyContent": "end",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "JemU8",
|
||
"name": "cancelBtn",
|
||
"width": 100,
|
||
"height": 40,
|
||
"fill": "#FFFFFF",
|
||
"cornerRadius": "$--radius-sm",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1,
|
||
"fill": "$--border-color"
|
||
},
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "fJUZQ",
|
||
"name": "cancelText",
|
||
"fill": "$--text-primary",
|
||
"content": "取消",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "xYDV2",
|
||
"name": "saveBtn",
|
||
"width": 120,
|
||
"height": 40,
|
||
"fill": "$--primary",
|
||
"cornerRadius": "$--radius-sm",
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "6dcAr",
|
||
"name": "saveText",
|
||
"fill": "$--text-inverse",
|
||
"content": "保存",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
],
|
||
"variables": {
|
||
"--bg-card": {
|
||
"type": "color",
|
||
"value": "#FFFFFF"
|
||
},
|
||
"--bg-dark": {
|
||
"type": "color",
|
||
"value": "#111827"
|
||
},
|
||
"--bg-error": {
|
||
"type": "color",
|
||
"value": "#FEE2E2"
|
||
},
|
||
"--bg-page": {
|
||
"type": "color",
|
||
"value": "#FCFCFC"
|
||
},
|
||
"--bg-success": {
|
||
"type": "color",
|
||
"value": [
|
||
{
|
||
"value": "#D1FAE5"
|
||
},
|
||
{
|
||
"value": "#E0E7FF"
|
||
}
|
||
]
|
||
},
|
||
"--bg-warning": {
|
||
"type": "color",
|
||
"value": "#FEF3C7"
|
||
},
|
||
"--border-color": {
|
||
"type": "color",
|
||
"value": "#E5E7EB"
|
||
},
|
||
"--border-light": {
|
||
"type": "color",
|
||
"value": "#F3F4F6"
|
||
},
|
||
"--error": {
|
||
"type": "color",
|
||
"value": "#DC2626"
|
||
},
|
||
"--primary": {
|
||
"type": "color",
|
||
"value": [
|
||
{
|
||
"value": "#059669"
|
||
},
|
||
{
|
||
"value": "#5B5BD6"
|
||
}
|
||
]
|
||
},
|
||
"--primary-light": {
|
||
"type": "color",
|
||
"value": [
|
||
{
|
||
"value": "#10B981"
|
||
},
|
||
{
|
||
"value": "#7C7CFF"
|
||
}
|
||
]
|
||
},
|
||
"--radius-lg": {
|
||
"type": "number",
|
||
"value": 16
|
||
},
|
||
"--radius-md": {
|
||
"type": "number",
|
||
"value": 12
|
||
},
|
||
"--radius-pill": {
|
||
"type": "number",
|
||
"value": 999
|
||
},
|
||
"--radius-sm": {
|
||
"type": "number",
|
||
"value": 8
|
||
},
|
||
"--shadow-card": {
|
||
"type": "string",
|
||
"value": "0 1px 3px rgba(0,0,0,0.04)"
|
||
},
|
||
"--success": {
|
||
"type": "color",
|
||
"value": [
|
||
{
|
||
"value": "#166534"
|
||
},
|
||
{
|
||
"value": "#4338CA"
|
||
}
|
||
]
|
||
},
|
||
"--text-inverse": {
|
||
"type": "color",
|
||
"value": "#FFFFFF"
|
||
},
|
||
"--text-primary": {
|
||
"type": "color",
|
||
"value": "#111827"
|
||
},
|
||
"--text-secondary": {
|
||
"type": "color",
|
||
"value": "#6B7280"
|
||
},
|
||
"--text-tertiary": {
|
||
"type": "color",
|
||
"value": "#9CA3AF"
|
||
},
|
||
"--warning": {
|
||
"type": "color",
|
||
"value": "#B45309"
|
||
}
|
||
}
|
||
} |