19689 lines
726 KiB
Plaintext
19689 lines
726 KiB
Plaintext
{
|
||
"version": "2.10",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "bi8Au",
|
||
"x": -118,
|
||
"y": 0,
|
||
"name": "Frame",
|
||
"clip": true,
|
||
"width": 2048,
|
||
"height": 2048,
|
||
"fill": "#FFFFFF",
|
||
"layout": "none"
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "3XQoV",
|
||
"x": 0,
|
||
"y": 0,
|
||
"name": "Home - 首页",
|
||
"theme": {
|
||
"mode": "light"
|
||
},
|
||
"clip": true,
|
||
"width": 390,
|
||
"height": 844,
|
||
"fill": "$bg-secondary",
|
||
"layout": "vertical",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "Y8XkR",
|
||
"name": "Status Bar",
|
||
"width": "fill_container",
|
||
"height": 62,
|
||
"fill": "$bg-primary",
|
||
"padding": [
|
||
0,
|
||
24
|
||
],
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "GYMMA",
|
||
"name": "timeLabel",
|
||
"fill": "$text-primary",
|
||
"content": "9:41",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 15,
|
||
"fontWeight": "600"
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "QNUBj",
|
||
"name": "statusIcons",
|
||
"gap": 6,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "u4xyp",
|
||
"name": "signal",
|
||
"width": 16,
|
||
"height": 16,
|
||
"iconFontName": "signal",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$text-primary"
|
||
},
|
||
{
|
||
"type": "icon_font",
|
||
"id": "nRhwy",
|
||
"name": "wifi",
|
||
"width": 16,
|
||
"height": 16,
|
||
"iconFontName": "wifi",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$text-primary"
|
||
},
|
||
{
|
||
"type": "icon_font",
|
||
"id": "J07Em",
|
||
"name": "battery",
|
||
"width": 22,
|
||
"height": 16,
|
||
"iconFontName": "battery-full",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$text-primary"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "R1hYI",
|
||
"name": "Content",
|
||
"width": "fill_container",
|
||
"height": "fill_container",
|
||
"layout": "vertical",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "eSG8U",
|
||
"name": "Scroll Area",
|
||
"clip": true,
|
||
"width": "fill_container",
|
||
"height": "fill_container",
|
||
"layout": "vertical",
|
||
"gap": 12,
|
||
"padding": [
|
||
0,
|
||
16,
|
||
32,
|
||
16
|
||
],
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "Ii01W",
|
||
"name": "Header",
|
||
"width": "fill_container",
|
||
"padding": [
|
||
16,
|
||
4,
|
||
12,
|
||
4
|
||
],
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "s1Icf",
|
||
"name": "logo",
|
||
"fill": "$text-primary",
|
||
"content": "MONISUO",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 18,
|
||
"fontWeight": "700",
|
||
"letterSpacing": 1
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "7fo3O",
|
||
"name": "headerActions",
|
||
"gap": 12,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "sV1Uw",
|
||
"name": "searchBtn",
|
||
"width": 32,
|
||
"height": 32,
|
||
"cornerRadius": 16,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "51kwZ",
|
||
"name": "searchIcon",
|
||
"width": 18,
|
||
"height": 18,
|
||
"iconFontName": "search",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$text-secondary"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "AnNE3",
|
||
"name": "bellBtn2",
|
||
"width": 32,
|
||
"height": 32,
|
||
"cornerRadius": 16,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "5UnGp",
|
||
"name": "bellIcon2",
|
||
"width": 18,
|
||
"height": 18,
|
||
"iconFontName": "bell",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$text-secondary"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "OGZ5Y",
|
||
"name": "avatar2",
|
||
"width": 32,
|
||
"height": 32,
|
||
"fill": "$accent-primary",
|
||
"cornerRadius": 16,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "6eHAm",
|
||
"name": "avatarTxt2",
|
||
"fill": "$text-inverse",
|
||
"content": "A",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 13,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "0N0L6",
|
||
"name": "Asset Card",
|
||
"width": "fill_container",
|
||
"fill": "$surface-card",
|
||
"cornerRadius": "$radius-lg",
|
||
"stroke": {
|
||
"thickness": 1,
|
||
"fill": "$border-default"
|
||
},
|
||
"layout": "vertical",
|
||
"gap": 16,
|
||
"padding": 20,
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "xGEP7",
|
||
"name": "cardHeader",
|
||
"width": "fill_container",
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "TCg5l",
|
||
"name": "cardHeaderLeft",
|
||
"gap": 6,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "AhbIv",
|
||
"name": "cardLabel",
|
||
"fill": "$text-secondary",
|
||
"content": "预估总资产 (USDT)",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 13,
|
||
"fontWeight": "normal"
|
||
},
|
||
{
|
||
"type": "icon_font",
|
||
"id": "uKSCa",
|
||
"name": "eyeBtn3",
|
||
"width": 15,
|
||
"height": 15,
|
||
"iconFontName": "eye",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$text-muted"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "dPEzW",
|
||
"name": "cardDepBtn",
|
||
"fill": "$accent-primary",
|
||
"cornerRadius": "$radius-sm",
|
||
"gap": 4,
|
||
"padding": [
|
||
5,
|
||
10
|
||
],
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "w9pEr",
|
||
"name": "cardDepIcn",
|
||
"width": 13,
|
||
"height": 13,
|
||
"iconFontName": "plus",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$text-inverse"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "7Mbgm",
|
||
"name": "cardDepTxt",
|
||
"fill": "$text-inverse",
|
||
"content": "充值",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "aCP8G",
|
||
"name": "valRow",
|
||
"width": "fill_container",
|
||
"layout": "vertical",
|
||
"gap": 2,
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "19usq",
|
||
"name": "bigVal",
|
||
"fill": "$text-primary",
|
||
"content": "12,458.36",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 28,
|
||
"fontWeight": "700",
|
||
"letterSpacing": -0.5
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "VhSoI",
|
||
"name": "cnyVal",
|
||
"fill": "$text-muted",
|
||
"content": "≈ ¥90,523.18 CNY",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "rectangle",
|
||
"id": "LhUqp",
|
||
"name": "div1",
|
||
"fill": "$border-muted",
|
||
"width": "fill_container",
|
||
"height": 1
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "ZBdnf",
|
||
"name": "profitRow2",
|
||
"width": "fill_container",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "SgRVJ",
|
||
"name": "pCol1",
|
||
"width": "fill_container",
|
||
"layout": "vertical",
|
||
"gap": 4,
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "BEVou",
|
||
"name": "pLbl1",
|
||
"fill": "$text-muted",
|
||
"content": "今日盈亏",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "normal"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "IEmUR",
|
||
"name": "pVal1",
|
||
"fill": "$profit-green",
|
||
"content": "+126.50 (+1.03%)",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "rectangle",
|
||
"id": "CnqEb",
|
||
"name": "divV2",
|
||
"fill": "$border-default",
|
||
"width": 1,
|
||
"height": "fill_container"
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "czzCm",
|
||
"name": "pCol2",
|
||
"width": "fill_container",
|
||
"layout": "vertical",
|
||
"gap": 4,
|
||
"padding": [
|
||
0,
|
||
0,
|
||
0,
|
||
16
|
||
],
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "Z7xDD",
|
||
"name": "pLbl2",
|
||
"fill": "$text-muted",
|
||
"content": "总盈亏",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "normal"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "KwLv9",
|
||
"name": "pVal2",
|
||
"fill": "$profit-green",
|
||
"content": "+2,458.36 (+24.58%)",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "4wpWf",
|
||
"name": "Quick Actions",
|
||
"width": "fill_container",
|
||
"fill": "$surface-card",
|
||
"cornerRadius": "$radius-lg",
|
||
"stroke": {
|
||
"thickness": 1,
|
||
"fill": "$border-default"
|
||
},
|
||
"padding": 16,
|
||
"justifyContent": "space_around",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "gB6Xo",
|
||
"name": "a1",
|
||
"width": "fill_container",
|
||
"layout": "vertical",
|
||
"gap": 6,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "FMv6H",
|
||
"name": "a1Icon",
|
||
"width": 40,
|
||
"height": 40,
|
||
"fill": "#F3F4F6",
|
||
"cornerRadius": 10,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "SOSqu",
|
||
"name": "a1IconF",
|
||
"width": 18,
|
||
"height": 18,
|
||
"iconFontName": "arrow-up-right",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "#4B5563"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "X7DIX",
|
||
"name": "a1Txt",
|
||
"fill": "$text-secondary",
|
||
"content": "充值",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "UMKwT",
|
||
"name": "a2",
|
||
"width": "fill_container",
|
||
"layout": "vertical",
|
||
"gap": 6,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "nr6v4",
|
||
"name": "a2Icon",
|
||
"width": 40,
|
||
"height": 40,
|
||
"fill": "#F3F4F6",
|
||
"cornerRadius": 10,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "sQ9aG",
|
||
"name": "a2IconF",
|
||
"width": 18,
|
||
"height": 18,
|
||
"iconFontName": "arrow-down-left",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "#4B5563"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "8lWRZ",
|
||
"name": "a2Txt",
|
||
"fill": "$text-secondary",
|
||
"content": "提现",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "NzOW7",
|
||
"name": "a3",
|
||
"width": "fill_container",
|
||
"layout": "vertical",
|
||
"gap": 6,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "EBxyG",
|
||
"name": "a3Icon",
|
||
"width": 40,
|
||
"height": 40,
|
||
"fill": "#F3F4F6",
|
||
"cornerRadius": 10,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "52EhQ",
|
||
"name": "a3IconF",
|
||
"width": 18,
|
||
"height": 18,
|
||
"iconFontName": "repeat",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "#4B5563"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "jrEEU",
|
||
"name": "a3Txt",
|
||
"fill": "$text-secondary",
|
||
"content": "划转",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "9n3q9",
|
||
"name": "a4",
|
||
"width": "fill_container",
|
||
"layout": "vertical",
|
||
"gap": 6,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "l4py4",
|
||
"name": "a4Icon",
|
||
"width": 40,
|
||
"height": 40,
|
||
"fill": "#F3F4F6",
|
||
"cornerRadius": 10,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "G9nyZ",
|
||
"name": "a4IconF",
|
||
"width": 18,
|
||
"height": 18,
|
||
"iconFontName": "pie-chart",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "#4B5563"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "W8FXd",
|
||
"name": "a4Txt",
|
||
"fill": "$text-secondary",
|
||
"content": "盈亏",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "17fPU",
|
||
"name": "a5",
|
||
"width": "fill_container",
|
||
"layout": "vertical",
|
||
"gap": 6,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "j3oiW",
|
||
"name": "a5Icon",
|
||
"width": 40,
|
||
"height": 40,
|
||
"fill": "#F3F4F6",
|
||
"cornerRadius": 10,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "AlDJg",
|
||
"name": "a5IconF",
|
||
"width": 18,
|
||
"height": 18,
|
||
"iconFontName": "file-text",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "#4B5563"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "LgOpS",
|
||
"name": "a5Txt",
|
||
"fill": "$text-secondary",
|
||
"content": "账单",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "5gmri",
|
||
"name": "Hot Coins Section",
|
||
"width": "fill_container",
|
||
"layout": "vertical",
|
||
"gap": 12,
|
||
"padding": [
|
||
4,
|
||
0,
|
||
0,
|
||
0
|
||
],
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "HLdgf",
|
||
"name": "sectionHeader",
|
||
"width": "fill_container",
|
||
"padding": [
|
||
0,
|
||
0,
|
||
0,
|
||
16
|
||
],
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "ZcsEg",
|
||
"name": "hotTitle",
|
||
"fill": "$text-primary",
|
||
"content": "热门币种",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 16,
|
||
"fontWeight": "600"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "Q2Z9U",
|
||
"name": "hotMore",
|
||
"fill": "$text-muted",
|
||
"content": "更多",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "G1NKv",
|
||
"name": "coinList",
|
||
"width": "fill_container",
|
||
"fill": "$surface-card",
|
||
"cornerRadius": "$radius-lg",
|
||
"stroke": {
|
||
"thickness": 1,
|
||
"fill": "$border-default"
|
||
},
|
||
"layout": "vertical",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "6SqOJ",
|
||
"name": "coinRow1",
|
||
"width": "fill_container",
|
||
"padding": [
|
||
14,
|
||
16
|
||
],
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "U2Rh8",
|
||
"name": "c1Left",
|
||
"gap": 12,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "FaK7z",
|
||
"name": "btcIcon",
|
||
"width": 36,
|
||
"height": 36,
|
||
"fill": "#F7931A",
|
||
"cornerRadius": 18,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "tBqb8",
|
||
"name": "coin1Sym",
|
||
"fill": "#FFFFFF",
|
||
"content": "₿",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 16,
|
||
"fontWeight": "700"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "Ox1fU",
|
||
"name": "c1Info",
|
||
"layout": "vertical",
|
||
"gap": 2,
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "grPIY",
|
||
"name": "coin1Name",
|
||
"fill": "$text-primary",
|
||
"content": "BTC/USDT",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "600"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "vsECB",
|
||
"name": "coin1Vol",
|
||
"fill": "$text-muted",
|
||
"content": "Bitcoin",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "SMTmJ",
|
||
"name": "c1Right",
|
||
"layout": "vertical",
|
||
"gap": 2,
|
||
"alignItems": "end",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "h5Fm6",
|
||
"name": "coin1Price",
|
||
"fill": "$text-primary",
|
||
"content": "68,432.50",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "600"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "aGcNQ",
|
||
"name": "coin1Chg",
|
||
"fill": "$profit-green",
|
||
"content": "+2.35%",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "rectangle",
|
||
"id": "oBAYx",
|
||
"name": "divCoin1",
|
||
"fill": "$border-muted",
|
||
"width": "fill_container",
|
||
"height": 1
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "LbuDU",
|
||
"name": "coinRow2",
|
||
"width": "fill_container",
|
||
"padding": [
|
||
14,
|
||
16
|
||
],
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "shAWu",
|
||
"name": "c2Left",
|
||
"gap": 12,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "BfWMv",
|
||
"name": "ethIcon",
|
||
"width": 36,
|
||
"height": 36,
|
||
"fill": "#627EEA",
|
||
"cornerRadius": 18,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "pP0XF",
|
||
"name": "c2Sym",
|
||
"fill": "#FFFFFF",
|
||
"content": "Ξ",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 16,
|
||
"fontWeight": "700"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "9XrYX",
|
||
"name": "c2Info",
|
||
"layout": "vertical",
|
||
"gap": 2,
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "0kH0Q",
|
||
"name": "c2Name",
|
||
"fill": "$text-primary",
|
||
"content": "ETH/USDT",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "600"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "XozO2",
|
||
"name": "c2Vol",
|
||
"fill": "$text-muted",
|
||
"content": "Ethereum",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "Do6YN",
|
||
"name": "c2Right",
|
||
"layout": "vertical",
|
||
"gap": 2,
|
||
"alignItems": "end",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "Sm3DQ",
|
||
"name": "c2Price",
|
||
"fill": "$text-primary",
|
||
"content": "3,856.20",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "600"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "M3I96",
|
||
"name": "c2Chg",
|
||
"fill": "$profit-green",
|
||
"content": "+1.82%",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "rectangle",
|
||
"id": "jnguk",
|
||
"name": "divCoin2",
|
||
"fill": "$border-muted",
|
||
"width": "fill_container",
|
||
"height": 1
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "36L7f",
|
||
"name": "coinRow3",
|
||
"width": "fill_container",
|
||
"padding": [
|
||
14,
|
||
16
|
||
],
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "LAlGW",
|
||
"name": "c3Left",
|
||
"gap": 12,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "f8ZtG",
|
||
"name": "solIcon",
|
||
"width": 36,
|
||
"height": 36,
|
||
"fill": "#9945FF",
|
||
"cornerRadius": 18,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "SgPIQ",
|
||
"name": "c3Sym",
|
||
"fill": "#FFFFFF",
|
||
"content": "S",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 16,
|
||
"fontWeight": "700"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "YnN03",
|
||
"name": "c3Info",
|
||
"layout": "vertical",
|
||
"gap": 2,
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "BuoHV",
|
||
"name": "c3Name",
|
||
"fill": "$text-primary",
|
||
"content": "SOL/USDT",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "600"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "cmCqk",
|
||
"name": "c3Vol",
|
||
"fill": "$text-muted",
|
||
"content": "Solana",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "qydyG",
|
||
"name": "c3Right",
|
||
"layout": "vertical",
|
||
"gap": 2,
|
||
"alignItems": "end",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "IJ8Zr",
|
||
"name": "c3Price",
|
||
"fill": "$text-primary",
|
||
"content": "178.65",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "600"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "KxQCb",
|
||
"name": "c3Chg",
|
||
"fill": "$loss-red",
|
||
"content": "-0.94%",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "9GAs8",
|
||
"name": "Holdings Section",
|
||
"width": "fill_container",
|
||
"layout": "vertical",
|
||
"gap": 12,
|
||
"padding": [
|
||
4,
|
||
0,
|
||
0,
|
||
0
|
||
],
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "i2U4V",
|
||
"name": "holdHeader",
|
||
"width": "fill_container",
|
||
"padding": [
|
||
0,
|
||
0,
|
||
0,
|
||
16
|
||
],
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "5EJc7",
|
||
"name": "holdTitle",
|
||
"fill": "$text-primary",
|
||
"content": "我的持仓",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 16,
|
||
"fontWeight": "600"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "rEv51",
|
||
"name": "holdMore",
|
||
"fill": "$text-muted",
|
||
"content": "全部",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "zslvs",
|
||
"name": "holdList",
|
||
"width": "fill_container",
|
||
"fill": "$surface-card",
|
||
"cornerRadius": "$radius-lg",
|
||
"stroke": {
|
||
"thickness": 1,
|
||
"fill": "$border-default"
|
||
},
|
||
"layout": "vertical",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "c39R8",
|
||
"name": "hRow1",
|
||
"width": "fill_container",
|
||
"padding": [
|
||
14,
|
||
16
|
||
],
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "wlIad",
|
||
"name": "h1L",
|
||
"gap": 12,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "ExW1I",
|
||
"name": "h1Icon",
|
||
"width": 36,
|
||
"height": 36,
|
||
"fill": "#F7931A",
|
||
"cornerRadius": 18,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "rJzPi",
|
||
"name": "h1Sym",
|
||
"fill": "#FFFFFF",
|
||
"content": "₿",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 16,
|
||
"fontWeight": "700"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "Vmn0J",
|
||
"name": "h1Info",
|
||
"layout": "vertical",
|
||
"gap": 2,
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "nWEvx",
|
||
"name": "h1Name",
|
||
"fill": "$text-primary",
|
||
"content": "BTC",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "600"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "Uz0wP",
|
||
"name": "h1Amt",
|
||
"fill": "$text-muted",
|
||
"content": "0.2356 BTC",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "kZYai",
|
||
"name": "h1R",
|
||
"layout": "vertical",
|
||
"gap": 2,
|
||
"alignItems": "end",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "XZwwU",
|
||
"name": "h1Val",
|
||
"fill": "$text-primary",
|
||
"content": "¥103,427.80",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "600"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "64FJf",
|
||
"name": "h1Pnl",
|
||
"fill": "$profit-green",
|
||
"content": "+¥2,432.50",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "rectangle",
|
||
"id": "EdSTC",
|
||
"name": "hdiv1",
|
||
"fill": "$border-muted",
|
||
"width": "fill_container",
|
||
"height": 1
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "TS68l",
|
||
"name": "hRow2",
|
||
"width": "fill_container",
|
||
"padding": [
|
||
14,
|
||
16
|
||
],
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "FDE6x",
|
||
"name": "h2L",
|
||
"gap": 12,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "FjrwX",
|
||
"name": "h2Icon",
|
||
"width": 36,
|
||
"height": 36,
|
||
"fill": "#627EEA",
|
||
"cornerRadius": 18,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "esqWr",
|
||
"name": "h2Sym",
|
||
"fill": "#FFFFFF",
|
||
"content": "Ξ",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 16,
|
||
"fontWeight": "700"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "w4Evo",
|
||
"name": "h2Info",
|
||
"layout": "vertical",
|
||
"gap": 2,
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "FsPlB",
|
||
"name": "h2Name",
|
||
"fill": "$text-primary",
|
||
"content": "ETH",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "600"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "Y0FYP",
|
||
"name": "h2Amt",
|
||
"fill": "$text-muted",
|
||
"content": "1.528 ETH",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "99eqD",
|
||
"name": "h2R",
|
||
"layout": "vertical",
|
||
"gap": 2,
|
||
"alignItems": "end",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "hIAUJ",
|
||
"name": "h2Val",
|
||
"fill": "$text-primary",
|
||
"content": "¥27,867.60",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "600"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "NJjkv",
|
||
"name": "h2Pnl",
|
||
"fill": "$loss-red",
|
||
"content": "-¥412.30",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "mdhwr",
|
||
"name": "Tab Bar",
|
||
"width": "fill_container",
|
||
"fill": "$bg-primary",
|
||
"layout": "vertical",
|
||
"padding": [
|
||
8,
|
||
16
|
||
],
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "3CQtq",
|
||
"name": "tabPill",
|
||
"width": "fill_container",
|
||
"height": 48,
|
||
"fill": "$bg-primary",
|
||
"cornerRadius": 24,
|
||
"stroke": {
|
||
"thickness": 0,
|
||
"fill": "#00000000"
|
||
},
|
||
"padding": 2,
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "DFi9C",
|
||
"name": "tab1",
|
||
"width": "fill_container",
|
||
"height": "fill_container",
|
||
"fill": "$tab-active-bg",
|
||
"cornerRadius": 22,
|
||
"layout": "vertical",
|
||
"gap": 4,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "k0QWY",
|
||
"name": "tab1Icon",
|
||
"width": 16,
|
||
"height": 16,
|
||
"iconFontName": "house",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$tab-active-text"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "Zh9Wd",
|
||
"name": "tab1Label",
|
||
"fill": "$tab-active-text",
|
||
"content": "首页",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 9,
|
||
"fontWeight": "500",
|
||
"letterSpacing": 0.5
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "S9vOl",
|
||
"name": "tab2",
|
||
"width": "fill_container",
|
||
"height": "fill_container",
|
||
"cornerRadius": 22,
|
||
"layout": "vertical",
|
||
"gap": 4,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "kUUso",
|
||
"name": "tab2Icon",
|
||
"width": 16,
|
||
"height": 16,
|
||
"iconFontName": "trending-up",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$tab-inactive-text"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "Y1BJQ",
|
||
"name": "tab2Label",
|
||
"fill": "$tab-inactive-text",
|
||
"content": "行情",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 9,
|
||
"fontWeight": "500",
|
||
"letterSpacing": 0.5
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "zHfFM",
|
||
"name": "tab3",
|
||
"width": "fill_container",
|
||
"height": "fill_container",
|
||
"cornerRadius": 22,
|
||
"layout": "vertical",
|
||
"gap": 4,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "Y1mcs",
|
||
"name": "tab3Icon",
|
||
"width": 16,
|
||
"height": 16,
|
||
"iconFontName": "arrow-left-right",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$tab-inactive-text"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "8tycv",
|
||
"name": "tab3Label",
|
||
"fill": "$tab-inactive-text",
|
||
"content": "交易",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 9,
|
||
"fontWeight": "500",
|
||
"letterSpacing": 0.5
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "Uclq3",
|
||
"name": "tab4",
|
||
"width": "fill_container",
|
||
"height": "fill_container",
|
||
"cornerRadius": 22,
|
||
"layout": "vertical",
|
||
"gap": 4,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "rHwoh",
|
||
"name": "tab4Icon",
|
||
"width": 16,
|
||
"height": 16,
|
||
"iconFontName": "wallet",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$tab-inactive-text"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "ejCX0",
|
||
"name": "tab4Label",
|
||
"fill": "$tab-inactive-text",
|
||
"content": "资产",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 9,
|
||
"fontWeight": "500",
|
||
"letterSpacing": 0.5
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "8GIDl",
|
||
"name": "tab5",
|
||
"width": "fill_container",
|
||
"height": "fill_container",
|
||
"cornerRadius": 22,
|
||
"layout": "vertical",
|
||
"gap": 4,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "gaKct",
|
||
"name": "tab5Icon",
|
||
"width": 16,
|
||
"height": 16,
|
||
"iconFontName": "user",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$tab-inactive-text"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "XKlNz",
|
||
"name": "tab5Label",
|
||
"fill": "$tab-inactive-text",
|
||
"content": "我的",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 9,
|
||
"fontWeight": "500",
|
||
"letterSpacing": 0.5
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "fMPS5",
|
||
"x": 813,
|
||
"y": 21,
|
||
"name": "Home - 首页 (Dark)",
|
||
"clip": true,
|
||
"width": 390,
|
||
"height": 844,
|
||
"fill": "#0B1120",
|
||
"layout": "vertical",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "56sQy",
|
||
"name": "Status Bar",
|
||
"width": "fill_container",
|
||
"height": 62,
|
||
"fill": "#0F172A",
|
||
"padding": [
|
||
0,
|
||
24
|
||
],
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "COPpo",
|
||
"name": "timeLabel",
|
||
"fill": "#F8FAFC",
|
||
"content": "9:41",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 15,
|
||
"fontWeight": "600"
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "OC4QA",
|
||
"name": "statusIcons",
|
||
"gap": 6,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "0TdVO",
|
||
"name": "signal",
|
||
"width": 16,
|
||
"height": 16,
|
||
"iconFontName": "signal",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "#F8FAFC"
|
||
},
|
||
{
|
||
"type": "icon_font",
|
||
"id": "B2tC9",
|
||
"name": "wifi",
|
||
"width": 16,
|
||
"height": 16,
|
||
"iconFontName": "wifi",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "#F8FAFC"
|
||
},
|
||
{
|
||
"type": "icon_font",
|
||
"id": "Q9DX4",
|
||
"name": "battery",
|
||
"width": 22,
|
||
"height": 16,
|
||
"iconFontName": "battery-full",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "#F8FAFC"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "03wvt",
|
||
"name": "Content",
|
||
"rotation": -0.06010462536139973,
|
||
"width": "fill_container",
|
||
"height": "fill_container",
|
||
"layout": "vertical",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "ROrHW",
|
||
"name": "Scroll Area",
|
||
"clip": true,
|
||
"width": "fill_container",
|
||
"height": "fill_container",
|
||
"layout": "vertical",
|
||
"gap": 12,
|
||
"padding": [
|
||
0,
|
||
16,
|
||
32,
|
||
16
|
||
],
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "qIcdR",
|
||
"name": "Header",
|
||
"width": "fill_container",
|
||
"padding": [
|
||
16,
|
||
4,
|
||
12,
|
||
4
|
||
],
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "AJhTQ",
|
||
"name": "logo",
|
||
"fill": "#F8FAFC",
|
||
"content": "MONISUO",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 18,
|
||
"fontWeight": "700",
|
||
"letterSpacing": 1
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "1sJjS",
|
||
"name": "headerActions",
|
||
"gap": 12,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "Zefzv",
|
||
"name": "searchBtn",
|
||
"width": 32,
|
||
"height": 32,
|
||
"cornerRadius": 16,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "Ic6pk",
|
||
"name": "searchIcon",
|
||
"width": 18,
|
||
"height": 18,
|
||
"iconFontName": "search",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "#94A3B8"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "QE0JX",
|
||
"name": "bellBtn2",
|
||
"width": 32,
|
||
"height": 32,
|
||
"cornerRadius": 16,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "qUuUO",
|
||
"name": "bellIcon2",
|
||
"width": 18,
|
||
"height": 18,
|
||
"iconFontName": "bell",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "#94A3B8"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "P74tx",
|
||
"name": "avatar2",
|
||
"width": 32,
|
||
"height": 32,
|
||
"fill": "#F8FAFC",
|
||
"cornerRadius": 16,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "H3Qpn",
|
||
"name": "avatarTxt2",
|
||
"fill": "#0F172A",
|
||
"content": "A",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 13,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "10hLM",
|
||
"name": "Asset Card",
|
||
"width": "fill_container",
|
||
"fill": "#0F172A",
|
||
"cornerRadius": "$radius-lg",
|
||
"stroke": {
|
||
"thickness": 1,
|
||
"fill": "#1E293B"
|
||
},
|
||
"layout": "vertical",
|
||
"gap": 16,
|
||
"padding": 20,
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "viz6l",
|
||
"name": "cardHeader",
|
||
"width": "fill_container",
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "k15oe",
|
||
"name": "cardHeaderLeft",
|
||
"gap": 6,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "QXVKk",
|
||
"name": "cardLabel",
|
||
"fill": "#94A3B8",
|
||
"content": "预估总资产 (USDT)",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 13,
|
||
"fontWeight": "normal"
|
||
},
|
||
{
|
||
"type": "icon_font",
|
||
"id": "cfDLM",
|
||
"name": "eyeBtn3",
|
||
"width": 15,
|
||
"height": 15,
|
||
"iconFontName": "eye",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "#64748B"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "nnqnz",
|
||
"name": "cardDepBtn",
|
||
"fill": "#F8FAFC",
|
||
"cornerRadius": "$radius-sm",
|
||
"gap": 4,
|
||
"padding": [
|
||
5,
|
||
10
|
||
],
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "iwDSi",
|
||
"name": "cardDepIcn",
|
||
"width": 13,
|
||
"height": 13,
|
||
"iconFontName": "plus",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "#0F172A"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "25a8i",
|
||
"name": "cardDepTxt",
|
||
"fill": "#0F172A",
|
||
"content": "充值",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "EHmdb",
|
||
"name": "valRow",
|
||
"width": "fill_container",
|
||
"layout": "vertical",
|
||
"gap": 2,
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "Osn6J",
|
||
"name": "bigVal",
|
||
"fill": "#F8FAFC",
|
||
"content": "12,458.36",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 28,
|
||
"fontWeight": "700",
|
||
"letterSpacing": -0.5
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "saMHN",
|
||
"name": "cnyVal",
|
||
"fill": "#64748B",
|
||
"content": "≈ ¥90,523.18 CNY",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "rectangle",
|
||
"id": "uoR9c",
|
||
"name": "div1",
|
||
"fill": "#1E293B",
|
||
"width": "fill_container",
|
||
"height": 1
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "x789T",
|
||
"name": "profitRow2",
|
||
"width": "fill_container",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "dOGIe",
|
||
"name": "pCol1",
|
||
"width": "fill_container",
|
||
"layout": "vertical",
|
||
"gap": 4,
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "VWqeX",
|
||
"name": "pLbl1",
|
||
"fill": "#64748B",
|
||
"content": "今日盈亏",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "normal"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "elzXC",
|
||
"name": "pVal1",
|
||
"fill": "#22C55E",
|
||
"content": "+126.50 (+1.03%)",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "rectangle",
|
||
"id": "0NBdL",
|
||
"name": "divV2",
|
||
"fill": "#334155",
|
||
"width": 1,
|
||
"height": "fill_container"
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "dyo2X",
|
||
"name": "pCol2",
|
||
"width": "fill_container",
|
||
"layout": "vertical",
|
||
"gap": 4,
|
||
"padding": [
|
||
0,
|
||
0,
|
||
0,
|
||
16
|
||
],
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "iBvjA",
|
||
"name": "pLbl2",
|
||
"fill": "#64748B",
|
||
"content": "总盈亏",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "normal"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "x4IcA",
|
||
"name": "pVal2",
|
||
"fill": "#22C55E",
|
||
"content": "+2,458.36 (+24.58%)",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "DiNNF",
|
||
"name": "Quick Actions",
|
||
"width": "fill_container",
|
||
"fill": "#0F172A",
|
||
"cornerRadius": "$radius-lg",
|
||
"stroke": {
|
||
"thickness": 1,
|
||
"fill": "#1E293B"
|
||
},
|
||
"padding": 16,
|
||
"justifyContent": "space_around",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "9Vg34",
|
||
"name": "a1",
|
||
"width": "fill_container",
|
||
"layout": "vertical",
|
||
"gap": 6,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "gs6ep",
|
||
"name": "a1Icon",
|
||
"width": 40,
|
||
"height": 40,
|
||
"fill": "#1E293B",
|
||
"cornerRadius": 10,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "QuHNc",
|
||
"name": "a1IconF",
|
||
"width": 18,
|
||
"height": 18,
|
||
"iconFontName": "arrow-up-right",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "#94A3B8"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "wOacy",
|
||
"name": "a1Txt",
|
||
"fill": "#94A3B8",
|
||
"content": "充值",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "Om4Lg",
|
||
"name": "a2",
|
||
"width": "fill_container",
|
||
"layout": "vertical",
|
||
"gap": 6,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "kMagf",
|
||
"name": "a2Icon",
|
||
"width": 40,
|
||
"height": 40,
|
||
"fill": "#1E293B",
|
||
"cornerRadius": 10,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "ruL00",
|
||
"name": "a2IconF",
|
||
"width": 18,
|
||
"height": 18,
|
||
"iconFontName": "arrow-down-left",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "#94A3B8"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "EQHci",
|
||
"name": "a2Txt",
|
||
"fill": "#94A3B8",
|
||
"content": "提现",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "g8bcY",
|
||
"name": "a3",
|
||
"width": "fill_container",
|
||
"layout": "vertical",
|
||
"gap": 6,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "k7XaJ",
|
||
"name": "a3Icon",
|
||
"width": 40,
|
||
"height": 40,
|
||
"fill": "#1E293B",
|
||
"cornerRadius": 10,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "czAGq",
|
||
"name": "a3IconF",
|
||
"width": 18,
|
||
"height": 18,
|
||
"iconFontName": "repeat",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "#94A3B8"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "hZuN2",
|
||
"name": "a3Txt",
|
||
"fill": "#94A3B8",
|
||
"content": "划转",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "mElxt",
|
||
"name": "a4",
|
||
"width": "fill_container",
|
||
"layout": "vertical",
|
||
"gap": 6,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "u9gjN",
|
||
"name": "a4Icon",
|
||
"width": 40,
|
||
"height": 40,
|
||
"fill": "#1E293B",
|
||
"cornerRadius": 10,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "oPf8n",
|
||
"name": "a4IconF",
|
||
"width": 18,
|
||
"height": 18,
|
||
"iconFontName": "pie-chart",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "#94A3B8"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "tvOsD",
|
||
"name": "a4Txt",
|
||
"fill": "#94A3B8",
|
||
"content": "盈亏",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "OpiMS",
|
||
"name": "a5",
|
||
"width": "fill_container",
|
||
"layout": "vertical",
|
||
"gap": 6,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "uj5fA",
|
||
"name": "a5Icon",
|
||
"width": 40,
|
||
"height": 40,
|
||
"fill": "#1E293B",
|
||
"cornerRadius": 10,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "7sBKg",
|
||
"name": "a5IconF",
|
||
"width": 18,
|
||
"height": 18,
|
||
"iconFontName": "file-text",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "#94A3B8"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "V8Bh7",
|
||
"name": "a5Txt",
|
||
"fill": "#94A3B8",
|
||
"content": "账单",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "l52Ra",
|
||
"name": "Hot Coins Section",
|
||
"width": "fill_container",
|
||
"layout": "vertical",
|
||
"gap": 12,
|
||
"padding": [
|
||
4,
|
||
0,
|
||
0,
|
||
0
|
||
],
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "nY31z",
|
||
"name": "sectionHeader",
|
||
"width": "fill_container",
|
||
"padding": [
|
||
0,
|
||
0,
|
||
0,
|
||
16
|
||
],
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "nz6ur",
|
||
"name": "hotTitle",
|
||
"fill": "#F8FAFC",
|
||
"content": "热门币种",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 16,
|
||
"fontWeight": "600"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "2iJLc",
|
||
"name": "hotMore",
|
||
"fill": "#64748B",
|
||
"content": "更多",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "IiTm7",
|
||
"name": "coinList",
|
||
"width": "fill_container",
|
||
"fill": "#0F172A",
|
||
"cornerRadius": "$radius-lg",
|
||
"stroke": {
|
||
"thickness": 1,
|
||
"fill": "#1E293B"
|
||
},
|
||
"layout": "vertical",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "UTZB8",
|
||
"name": "coinRow1",
|
||
"width": "fill_container",
|
||
"padding": [
|
||
14,
|
||
16
|
||
],
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "pFnYP",
|
||
"name": "c1Left",
|
||
"gap": 12,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "98wUf",
|
||
"name": "btcIcon",
|
||
"width": 36,
|
||
"height": 36,
|
||
"fill": "#F7931A",
|
||
"cornerRadius": 18,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "iw56m",
|
||
"name": "coin1Sym",
|
||
"fill": "#FFFFFF",
|
||
"content": "₿",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 16,
|
||
"fontWeight": "700"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "lDKyh",
|
||
"name": "c1Info",
|
||
"layout": "vertical",
|
||
"gap": 2,
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "4c1Ts",
|
||
"name": "coin1Name",
|
||
"fill": "#F8FAFC",
|
||
"content": "BTC/USDT",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "600"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "mY6p7",
|
||
"name": "coin1Vol",
|
||
"fill": "#64748B",
|
||
"content": "Bitcoin",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "lyW41",
|
||
"name": "c1Right",
|
||
"layout": "vertical",
|
||
"gap": 2,
|
||
"alignItems": "end",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "vSf7z",
|
||
"name": "coin1Price",
|
||
"fill": "#F8FAFC",
|
||
"content": "68,432.50",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "600"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "rZTi2",
|
||
"name": "coin1Chg",
|
||
"fill": "#22C55E",
|
||
"content": "+2.35%",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "rectangle",
|
||
"id": "Kd0hR",
|
||
"name": "divCoin1",
|
||
"fill": "#1E293B",
|
||
"width": "fill_container",
|
||
"height": 1
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "DBw13",
|
||
"name": "coinRow2",
|
||
"width": "fill_container",
|
||
"padding": [
|
||
14,
|
||
16
|
||
],
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "PHgzB",
|
||
"name": "c2Left",
|
||
"gap": 12,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "tc6mx",
|
||
"name": "ethIcon",
|
||
"width": 36,
|
||
"height": 36,
|
||
"fill": "#627EEA",
|
||
"cornerRadius": 18,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "PgGpm",
|
||
"name": "c2Sym",
|
||
"fill": "#FFFFFF",
|
||
"content": "Ξ",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 16,
|
||
"fontWeight": "700"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "7ZFkU",
|
||
"name": "c2Info",
|
||
"layout": "vertical",
|
||
"gap": 2,
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "CckRb",
|
||
"name": "c2Name",
|
||
"fill": "#F8FAFC",
|
||
"content": "ETH/USDT",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "600"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "Wco49",
|
||
"name": "c2Vol",
|
||
"fill": "#64748B",
|
||
"content": "Ethereum",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "o1gVA",
|
||
"name": "c2Right",
|
||
"layout": "vertical",
|
||
"gap": 2,
|
||
"alignItems": "end",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "mNHYy",
|
||
"name": "c2Price",
|
||
"fill": "#F8FAFC",
|
||
"content": "3,856.20",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "600"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "Pv1mS",
|
||
"name": "c2Chg",
|
||
"fill": "#22C55E",
|
||
"content": "+1.82%",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "rectangle",
|
||
"id": "DSMZI",
|
||
"name": "divCoin2",
|
||
"fill": "#1E293B",
|
||
"width": "fill_container",
|
||
"height": 1
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "39VI4",
|
||
"name": "coinRow3",
|
||
"width": "fill_container",
|
||
"padding": [
|
||
14,
|
||
16
|
||
],
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "NfZV1",
|
||
"name": "c3Left",
|
||
"gap": 12,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "Y8SYL",
|
||
"name": "solIcon",
|
||
"width": 36,
|
||
"height": 36,
|
||
"fill": "#9945FF",
|
||
"cornerRadius": 18,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "oQGaz",
|
||
"name": "c3Sym",
|
||
"fill": "#FFFFFF",
|
||
"content": "S",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 16,
|
||
"fontWeight": "700"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "8TOZ5",
|
||
"name": "c3Info",
|
||
"layout": "vertical",
|
||
"gap": 2,
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "eF4Ps",
|
||
"name": "c3Name",
|
||
"fill": "#F8FAFC",
|
||
"content": "SOL/USDT",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "600"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "KTJXP",
|
||
"name": "c3Vol",
|
||
"fill": "#64748B",
|
||
"content": "Solana",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "MJN4z",
|
||
"name": "c3Right",
|
||
"layout": "vertical",
|
||
"gap": 2,
|
||
"alignItems": "end",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "age1o",
|
||
"name": "c3Price",
|
||
"fill": "#F8FAFC",
|
||
"content": "178.65",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "600"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "gglcl",
|
||
"name": "c3Chg",
|
||
"fill": "#EF4444",
|
||
"content": "-0.94%",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "VgQJY",
|
||
"name": "Holdings Section",
|
||
"width": "fill_container",
|
||
"layout": "vertical",
|
||
"gap": 12,
|
||
"padding": [
|
||
4,
|
||
0,
|
||
0,
|
||
0
|
||
],
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "u4wQ6",
|
||
"name": "holdHeader",
|
||
"width": "fill_container",
|
||
"padding": [
|
||
0,
|
||
0,
|
||
0,
|
||
16
|
||
],
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "j9kXP",
|
||
"name": "holdTitle",
|
||
"fill": "#F8FAFC",
|
||
"content": "我的持仓",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 16,
|
||
"fontWeight": "600"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "ewO3U",
|
||
"name": "holdMore",
|
||
"fill": "#64748B",
|
||
"content": "全部",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "Svd7C",
|
||
"name": "holdList",
|
||
"width": "fill_container",
|
||
"fill": "#0F172A",
|
||
"cornerRadius": "$radius-lg",
|
||
"stroke": {
|
||
"thickness": 1,
|
||
"fill": "#1E293B"
|
||
},
|
||
"layout": "vertical",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "tQaIO",
|
||
"name": "hRow1",
|
||
"width": "fill_container",
|
||
"padding": [
|
||
14,
|
||
16
|
||
],
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "vngJP",
|
||
"name": "h1L",
|
||
"gap": 12,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "WQtIf",
|
||
"name": "h1Icon",
|
||
"width": 36,
|
||
"height": 36,
|
||
"fill": "#F7931A",
|
||
"cornerRadius": 18,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "6sfVH",
|
||
"name": "h1Sym",
|
||
"fill": "#FFFFFF",
|
||
"content": "₿",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 16,
|
||
"fontWeight": "700"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "Z5b7Y",
|
||
"name": "h1Info",
|
||
"layout": "vertical",
|
||
"gap": 2,
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "JMKgW",
|
||
"name": "h1Name",
|
||
"fill": "#F8FAFC",
|
||
"content": "BTC",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "600"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "TIZ30",
|
||
"name": "h1Amt",
|
||
"fill": "#64748B",
|
||
"content": "0.2356 BTC",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "2Vc9C",
|
||
"name": "h1R",
|
||
"layout": "vertical",
|
||
"gap": 2,
|
||
"alignItems": "end",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "z3yvZ",
|
||
"name": "h1Val",
|
||
"fill": "#F8FAFC",
|
||
"content": "¥103,427.80",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "600"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "YKLQh",
|
||
"name": "h1Pnl",
|
||
"fill": "#22C55E",
|
||
"content": "+¥2,432.50",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "rectangle",
|
||
"id": "vvWRv",
|
||
"name": "hdiv1",
|
||
"fill": "#1E293B",
|
||
"width": "fill_container",
|
||
"height": 1
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "A95jU",
|
||
"name": "hRow2",
|
||
"width": "fill_container",
|
||
"padding": [
|
||
14,
|
||
16
|
||
],
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "XcEKK",
|
||
"name": "h2L",
|
||
"gap": 12,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "yP8ca",
|
||
"name": "h2Icon",
|
||
"width": 36,
|
||
"height": 36,
|
||
"fill": "#627EEA",
|
||
"cornerRadius": 18,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "9MbgX",
|
||
"name": "h2Sym",
|
||
"fill": "#FFFFFF",
|
||
"content": "Ξ",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 16,
|
||
"fontWeight": "700"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "Hy0yq",
|
||
"name": "h2Info",
|
||
"layout": "vertical",
|
||
"gap": 2,
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "JWNQl",
|
||
"name": "h2Name",
|
||
"fill": "#F8FAFC",
|
||
"content": "ETH",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "600"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "Tlc30",
|
||
"name": "h2Amt",
|
||
"fill": "#64748B",
|
||
"content": "1.528 ETH",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "o2JVp",
|
||
"name": "h2R",
|
||
"layout": "vertical",
|
||
"gap": 2,
|
||
"alignItems": "end",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "q6lL3",
|
||
"name": "h2Val",
|
||
"fill": "#F8FAFC",
|
||
"content": "¥27,867.60",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "600"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "T7qgK",
|
||
"name": "h2Pnl",
|
||
"fill": "#EF4444",
|
||
"content": "-¥412.30",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "f7YJR",
|
||
"name": "Tab Bar",
|
||
"width": "fill_container",
|
||
"height": 64,
|
||
"fill": "#0F172A",
|
||
"layout": "vertical",
|
||
"padding": [
|
||
8,
|
||
16
|
||
],
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "HFKoW",
|
||
"name": "tabPill",
|
||
"width": "fill_container",
|
||
"height": 48,
|
||
"fill": "#0F172A",
|
||
"cornerRadius": 24,
|
||
"stroke": {
|
||
"thickness": 0,
|
||
"fill": "#00000000"
|
||
},
|
||
"padding": 2,
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "WbZ4H",
|
||
"name": "tab1",
|
||
"width": "fill_container",
|
||
"height": "fill_container",
|
||
"fill": "#1E293B",
|
||
"cornerRadius": 22,
|
||
"layout": "vertical",
|
||
"gap": 4,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "BBQJe",
|
||
"name": "tab1Icon",
|
||
"width": 16,
|
||
"height": 16,
|
||
"iconFontName": "house",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "#F8FAFC"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "g3bqn",
|
||
"name": "tab1Label",
|
||
"fill": "#F8FAFC",
|
||
"content": "首页",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 9,
|
||
"fontWeight": "500",
|
||
"letterSpacing": 0.5
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "BBVYR",
|
||
"name": "tab2",
|
||
"width": "fill_container",
|
||
"height": "fill_container",
|
||
"cornerRadius": 22,
|
||
"layout": "vertical",
|
||
"gap": 4,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "lx3gZ",
|
||
"name": "tab2Icon",
|
||
"width": 16,
|
||
"height": 16,
|
||
"iconFontName": "trending-up",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "#64748B"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "fZMH1",
|
||
"name": "tab2Label",
|
||
"fill": "#64748B",
|
||
"content": "行情",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 9,
|
||
"fontWeight": "500",
|
||
"letterSpacing": 0.5
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "S9g5D",
|
||
"name": "tab3",
|
||
"width": "fill_container",
|
||
"height": "fill_container",
|
||
"cornerRadius": 22,
|
||
"layout": "vertical",
|
||
"gap": 4,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "Hg22f",
|
||
"name": "tab3Icon",
|
||
"width": 16,
|
||
"height": 16,
|
||
"iconFontName": "arrow-left-right",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "#64748B"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "OZ7AT",
|
||
"name": "tab3Label",
|
||
"fill": "#64748B",
|
||
"content": "交易",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 9,
|
||
"fontWeight": "500",
|
||
"letterSpacing": 0.5
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "CHMPZ",
|
||
"name": "tab4",
|
||
"width": "fill_container",
|
||
"height": "fill_container",
|
||
"cornerRadius": 22,
|
||
"layout": "vertical",
|
||
"gap": 4,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "BGabS",
|
||
"name": "tab4Icon",
|
||
"width": 16,
|
||
"height": 16,
|
||
"iconFontName": "wallet",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "#64748B"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "JX2sW",
|
||
"name": "tab4Label",
|
||
"fill": "#64748B",
|
||
"content": "资产",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 9,
|
||
"fontWeight": "500",
|
||
"letterSpacing": 0.5
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "F69yD",
|
||
"name": "tab5",
|
||
"width": "fill_container",
|
||
"height": "fill_container",
|
||
"cornerRadius": 22,
|
||
"layout": "vertical",
|
||
"gap": 4,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "TfAks",
|
||
"name": "tab5Icon",
|
||
"width": 16,
|
||
"height": 16,
|
||
"iconFontName": "user",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "#64748B"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "Peoil",
|
||
"name": "tab5Label",
|
||
"fill": "#64748B",
|
||
"content": "我的",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 9,
|
||
"fontWeight": "500",
|
||
"letterSpacing": 0.5
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "8kgG1",
|
||
"x": 420,
|
||
"y": 0,
|
||
"name": "Market - 行情",
|
||
"theme": {
|
||
"mode": "light"
|
||
},
|
||
"clip": true,
|
||
"width": 390,
|
||
"height": 844,
|
||
"fill": "$bg-secondary",
|
||
"layout": "vertical",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "62O7S",
|
||
"name": "Status Bar",
|
||
"width": "fill_container",
|
||
"height": 62,
|
||
"fill": "$bg-primary",
|
||
"padding": [
|
||
0,
|
||
24
|
||
],
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "IlCiZ",
|
||
"name": "timeL",
|
||
"fill": "$text-primary",
|
||
"content": "9:41",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 15,
|
||
"fontWeight": "600"
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "herpH",
|
||
"name": "statusIcons",
|
||
"gap": 6,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "oLLiq",
|
||
"name": "sig",
|
||
"width": 16,
|
||
"height": 16,
|
||
"iconFontName": "signal",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$text-primary"
|
||
},
|
||
{
|
||
"type": "icon_font",
|
||
"id": "gVN5B",
|
||
"name": "wifi",
|
||
"width": 16,
|
||
"height": 16,
|
||
"iconFontName": "wifi",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$text-primary"
|
||
},
|
||
{
|
||
"type": "icon_font",
|
||
"id": "dYPg5",
|
||
"name": "bat",
|
||
"width": 22,
|
||
"height": 16,
|
||
"iconFontName": "battery-full",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$text-primary"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "2lutr",
|
||
"name": "Content",
|
||
"width": "fill_container",
|
||
"height": "fill_container",
|
||
"layout": "vertical",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "6kf3P",
|
||
"name": "Scroll Area",
|
||
"clip": true,
|
||
"width": "fill_container",
|
||
"height": "fill_container",
|
||
"layout": "vertical",
|
||
"gap": 16,
|
||
"padding": [
|
||
0,
|
||
16,
|
||
32,
|
||
16
|
||
],
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "TmMCb",
|
||
"name": "Header",
|
||
"width": "fill_container",
|
||
"padding": [
|
||
16,
|
||
0,
|
||
8,
|
||
0
|
||
],
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "zbkzu",
|
||
"name": "htitle",
|
||
"fill": "$text-primary",
|
||
"content": "行情",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 22,
|
||
"fontWeight": "700"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "OPpKP",
|
||
"name": "Featured Cards",
|
||
"width": "fill_container",
|
||
"gap": 12,
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "xElWP",
|
||
"name": "BTC Card",
|
||
"width": "fill_container",
|
||
"height": 130,
|
||
"fill": "$surface-card",
|
||
"cornerRadius": "$radius-lg",
|
||
"stroke": {
|
||
"thickness": 1,
|
||
"fill": "$border-default"
|
||
},
|
||
"layout": "vertical",
|
||
"gap": 6,
|
||
"padding": 16,
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "5zzOd",
|
||
"name": "btcLabel",
|
||
"width": "fill_container",
|
||
"justifyContent": "space_between",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "sMR05",
|
||
"name": "btcName",
|
||
"fill": "$text-primary",
|
||
"content": "BTC/USDT",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "600"
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "WOF3z",
|
||
"name": "btcBadge",
|
||
"fill": "$profit-green-bg",
|
||
"cornerRadius": 4,
|
||
"padding": [
|
||
2,
|
||
6
|
||
],
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "9xcgN",
|
||
"name": "btcBadgeT",
|
||
"fill": "$profit-green",
|
||
"content": "+2.35%",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "6LSa1",
|
||
"name": "btcPrice",
|
||
"fill": "$text-primary",
|
||
"content": "68,432.50",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 24,
|
||
"fontWeight": "700"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "Uqfcc",
|
||
"name": "btcSub",
|
||
"fill": "$text-secondary",
|
||
"content": "Bitcoin",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "normal"
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "jkCE7",
|
||
"name": "barRow",
|
||
"width": "fill_container",
|
||
"height": 24,
|
||
"gap": 3,
|
||
"justifyContent": "end",
|
||
"alignItems": "end",
|
||
"children": [
|
||
{
|
||
"type": "rectangle",
|
||
"cornerRadius": 2,
|
||
"id": "ENXdv",
|
||
"name": "bar1",
|
||
"fill": "$profit-green",
|
||
"width": "fill_container",
|
||
"height": 10
|
||
},
|
||
{
|
||
"type": "rectangle",
|
||
"cornerRadius": 2,
|
||
"id": "cxl5w",
|
||
"name": "bar2",
|
||
"fill": "$profit-green",
|
||
"width": "fill_container",
|
||
"height": 18
|
||
},
|
||
{
|
||
"type": "rectangle",
|
||
"cornerRadius": 2,
|
||
"id": "cu858",
|
||
"name": "bar3",
|
||
"fill": "$profit-green",
|
||
"width": "fill_container",
|
||
"height": 14
|
||
},
|
||
{
|
||
"type": "rectangle",
|
||
"cornerRadius": 2,
|
||
"id": "j1d3m",
|
||
"name": "bar4",
|
||
"fill": "$profit-green",
|
||
"width": "fill_container",
|
||
"height": 24
|
||
},
|
||
{
|
||
"type": "rectangle",
|
||
"cornerRadius": 2,
|
||
"id": "d7EbN",
|
||
"name": "bar5",
|
||
"fill": "$profit-green",
|
||
"width": "fill_container",
|
||
"height": 16
|
||
},
|
||
{
|
||
"type": "rectangle",
|
||
"cornerRadius": 2,
|
||
"id": "VcA25",
|
||
"name": "bar6",
|
||
"fill": "$profit-green",
|
||
"width": "fill_container",
|
||
"height": 20
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "ISGNM",
|
||
"name": "ETH Card",
|
||
"width": "fill_container",
|
||
"height": 130,
|
||
"fill": "$surface-card",
|
||
"cornerRadius": "$radius-lg",
|
||
"stroke": {
|
||
"thickness": 1,
|
||
"fill": "$border-default"
|
||
},
|
||
"layout": "vertical",
|
||
"gap": 6,
|
||
"padding": 16,
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "9hv3u",
|
||
"name": "ethLabel",
|
||
"width": "fill_container",
|
||
"justifyContent": "space_between",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "r6o7q",
|
||
"name": "ethName",
|
||
"fill": "$text-primary",
|
||
"content": "ETH/USDT",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "600"
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "vMWmW",
|
||
"name": "ethBadge",
|
||
"fill": "$profit-green-bg",
|
||
"cornerRadius": 4,
|
||
"padding": [
|
||
2,
|
||
6
|
||
],
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "wN64O",
|
||
"name": "ethBadgeT",
|
||
"fill": "$profit-green",
|
||
"content": "+1.82%",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "ESnIm",
|
||
"name": "ethPrice",
|
||
"fill": "$text-primary",
|
||
"content": "3,856.20",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 24,
|
||
"fontWeight": "700"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "jtdU2",
|
||
"name": "ethSub",
|
||
"fill": "$text-secondary",
|
||
"content": "Ethereum",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "normal"
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "Aa9b7",
|
||
"name": "ethBarRow",
|
||
"width": "fill_container",
|
||
"height": 24,
|
||
"gap": 3,
|
||
"justifyContent": "end",
|
||
"alignItems": "end",
|
||
"children": [
|
||
{
|
||
"type": "rectangle",
|
||
"cornerRadius": 2,
|
||
"id": "Pfo14",
|
||
"name": "ebar1",
|
||
"fill": "$profit-green",
|
||
"width": "fill_container",
|
||
"height": 8
|
||
},
|
||
{
|
||
"type": "rectangle",
|
||
"cornerRadius": 2,
|
||
"id": "i8pbI",
|
||
"name": "ebar2",
|
||
"fill": "$profit-green",
|
||
"width": "fill_container",
|
||
"height": 14
|
||
},
|
||
{
|
||
"type": "rectangle",
|
||
"cornerRadius": 2,
|
||
"id": "vGFjk",
|
||
"name": "ebar3",
|
||
"fill": "$profit-green",
|
||
"width": "fill_container",
|
||
"height": 20
|
||
},
|
||
{
|
||
"type": "rectangle",
|
||
"cornerRadius": 2,
|
||
"id": "Juiil",
|
||
"name": "ebar4",
|
||
"fill": "$profit-green",
|
||
"width": "fill_container",
|
||
"height": 12
|
||
},
|
||
{
|
||
"type": "rectangle",
|
||
"cornerRadius": 2,
|
||
"id": "ohbaj",
|
||
"name": "ebar5",
|
||
"fill": "$profit-green",
|
||
"width": "fill_container",
|
||
"height": 22
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "iQsN1",
|
||
"name": "secHeader",
|
||
"width": "fill_container",
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "dc2od",
|
||
"name": "secTitle",
|
||
"fill": "$text-primary",
|
||
"content": "全部币种",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 16,
|
||
"fontWeight": "600"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "uzFZ5",
|
||
"name": "secMore",
|
||
"fill": "$text-secondary",
|
||
"content": "更多 >",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "bje6u",
|
||
"name": "Coin List",
|
||
"width": "fill_container",
|
||
"fill": "$surface-card",
|
||
"cornerRadius": "$radius-lg",
|
||
"stroke": {
|
||
"thickness": 1,
|
||
"fill": "$border-default"
|
||
},
|
||
"layout": "vertical",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "Qil0m",
|
||
"name": "SOL Row",
|
||
"width": "fill_container",
|
||
"padding": [
|
||
14,
|
||
16
|
||
],
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "oYwDM",
|
||
"name": "solLeft",
|
||
"gap": 10,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "r8h2P",
|
||
"name": "SOL Avatar",
|
||
"width": 36,
|
||
"height": 36,
|
||
"layout": "none",
|
||
"children": [
|
||
{
|
||
"type": "ellipse",
|
||
"id": "BTpeH",
|
||
"x": 0,
|
||
"y": 0,
|
||
"name": "solEllipse",
|
||
"fill": "$accent-light",
|
||
"width": 36,
|
||
"height": 36
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "yqHeP",
|
||
"x": 13,
|
||
"y": 10,
|
||
"name": "solLetter",
|
||
"fill": "$accent-primary",
|
||
"content": "S",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "700"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "ZBwo9",
|
||
"name": "solInfo",
|
||
"layout": "vertical",
|
||
"gap": 2,
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "vQk7z",
|
||
"name": "solPair",
|
||
"fill": "$text-primary",
|
||
"content": "SOL/USDT",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "700"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "5XzLJ",
|
||
"name": "solFull",
|
||
"fill": "$text-secondary",
|
||
"content": "Solana",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "tG5qn",
|
||
"name": "solRight",
|
||
"layout": "vertical",
|
||
"gap": 2,
|
||
"alignItems": "end",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "UdODn",
|
||
"name": "solPrice",
|
||
"fill": "$text-primary",
|
||
"content": "178.65",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "600"
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "xfnrt",
|
||
"name": "solChange",
|
||
"fill": "$loss-red-bg",
|
||
"cornerRadius": 4,
|
||
"padding": [
|
||
2,
|
||
6
|
||
],
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "U3z0e",
|
||
"name": "solChangeT",
|
||
"fill": "$loss-red",
|
||
"content": "-0.94%",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "rectangle",
|
||
"id": "TvXWb",
|
||
"name": "div1",
|
||
"opacity": 0.5,
|
||
"fill": "$border-default",
|
||
"width": "fill_container",
|
||
"height": 1
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "bX5wz",
|
||
"name": "BNB Row",
|
||
"width": "fill_container",
|
||
"padding": [
|
||
14,
|
||
16
|
||
],
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "dzlHZ",
|
||
"name": "bnbLeft",
|
||
"gap": 10,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "72wwN",
|
||
"name": "BNB Avatar",
|
||
"width": 36,
|
||
"height": 36,
|
||
"layout": "none",
|
||
"children": [
|
||
{
|
||
"type": "ellipse",
|
||
"id": "BRrdP",
|
||
"x": 0,
|
||
"y": 0,
|
||
"name": "bnbEllipse",
|
||
"fill": "$accent-light",
|
||
"width": 36,
|
||
"height": 36
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "gwcut",
|
||
"x": 13,
|
||
"y": 10,
|
||
"name": "bnbLetter",
|
||
"fill": "$accent-primary",
|
||
"content": "B",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "700"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "zSZ1s",
|
||
"name": "bnbInfo",
|
||
"layout": "vertical",
|
||
"gap": 2,
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "CmIhh",
|
||
"name": "bnbPair",
|
||
"fill": "$text-primary",
|
||
"content": "BNB/USDT",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "700"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "rnRmA",
|
||
"name": "bnbFull",
|
||
"fill": "$text-secondary",
|
||
"content": "Binance Coin",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "RxUlK",
|
||
"name": "bnbRight",
|
||
"layout": "vertical",
|
||
"gap": 2,
|
||
"alignItems": "end",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "hlskJ",
|
||
"name": "bnbPrice",
|
||
"fill": "$text-primary",
|
||
"content": "612.30",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "600"
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "f3Vlp",
|
||
"name": "bnbChange",
|
||
"fill": "$profit-green-bg",
|
||
"cornerRadius": 4,
|
||
"padding": [
|
||
2,
|
||
6
|
||
],
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "DC1A7",
|
||
"name": "bnbCT",
|
||
"fill": "$profit-green",
|
||
"content": "+1.45%",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "rectangle",
|
||
"id": "jpxHW",
|
||
"name": "div2",
|
||
"opacity": 0.5,
|
||
"fill": "$border-default",
|
||
"width": "fill_container",
|
||
"height": 1
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "TucQi",
|
||
"name": "XRP Row",
|
||
"width": "fill_container",
|
||
"padding": [
|
||
14,
|
||
16
|
||
],
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "Pc5rN",
|
||
"name": "xrpLeft",
|
||
"gap": 10,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "9iFDV",
|
||
"name": "XRP Avatar",
|
||
"width": 36,
|
||
"height": 36,
|
||
"layout": "none",
|
||
"children": [
|
||
{
|
||
"type": "ellipse",
|
||
"id": "oEhjQ",
|
||
"x": 0,
|
||
"y": 0,
|
||
"name": "xrpEllipse",
|
||
"fill": "$accent-light",
|
||
"width": 36,
|
||
"height": 36
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "6PsN4",
|
||
"x": 13,
|
||
"y": 10,
|
||
"name": "xrpLetter",
|
||
"fill": "$accent-primary",
|
||
"content": "X",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "700"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "cfyWD",
|
||
"name": "xrpInfo",
|
||
"layout": "vertical",
|
||
"gap": 2,
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "0EOXS",
|
||
"name": "xrpPair",
|
||
"fill": "$text-primary",
|
||
"content": "XRP/USDT",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "700"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "S5gdl",
|
||
"name": "xrpFull",
|
||
"fill": "$text-secondary",
|
||
"content": "Ripple",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "LAJQ3",
|
||
"name": "xrpRight",
|
||
"layout": "vertical",
|
||
"gap": 2,
|
||
"alignItems": "end",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "yQnaB",
|
||
"name": "xrpPrice",
|
||
"fill": "$text-primary",
|
||
"content": "0.6234",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "600"
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "iwBfT",
|
||
"name": "xrpChange",
|
||
"fill": "$loss-red-bg",
|
||
"cornerRadius": 4,
|
||
"padding": [
|
||
2,
|
||
6
|
||
],
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "vvbZ3",
|
||
"name": "xrpCT",
|
||
"fill": "$loss-red",
|
||
"content": "-1.22%",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "rectangle",
|
||
"id": "zm4Mp",
|
||
"name": "div3",
|
||
"opacity": 0.5,
|
||
"fill": "$border-default",
|
||
"width": "fill_container",
|
||
"height": 1
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "OF8X5",
|
||
"name": "DOGE Row",
|
||
"width": "fill_container",
|
||
"padding": [
|
||
14,
|
||
16
|
||
],
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "ktePy",
|
||
"name": "dogeLeft",
|
||
"gap": 10,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "DeLuz",
|
||
"name": "DOGE Avatar",
|
||
"width": 36,
|
||
"height": 36,
|
||
"layout": "none",
|
||
"children": [
|
||
{
|
||
"type": "ellipse",
|
||
"id": "KymD6",
|
||
"x": 0,
|
||
"y": 0,
|
||
"name": "dogeEllipse",
|
||
"fill": "$accent-light",
|
||
"width": 36,
|
||
"height": 36
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "sRMR8",
|
||
"x": 13,
|
||
"y": 10,
|
||
"name": "dogeLetter",
|
||
"fill": "$accent-primary",
|
||
"content": "D",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "700"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "FyU42",
|
||
"name": "dogeInfo",
|
||
"layout": "vertical",
|
||
"gap": 2,
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "hTmVR",
|
||
"name": "dogePair",
|
||
"fill": "$text-primary",
|
||
"content": "DOGE/USDT",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "700"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "N5Vvs",
|
||
"name": "dogeFull",
|
||
"fill": "$text-secondary",
|
||
"content": "Dogecoin",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "XXmne",
|
||
"name": "dogeRight",
|
||
"layout": "vertical",
|
||
"gap": 2,
|
||
"alignItems": "end",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "zyYWf",
|
||
"name": "dogePrice",
|
||
"fill": "$text-primary",
|
||
"content": "0.1523",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "600"
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "3EjiH",
|
||
"name": "dogeChange",
|
||
"fill": "$profit-green-bg",
|
||
"cornerRadius": 4,
|
||
"padding": [
|
||
2,
|
||
6
|
||
],
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "dTjUT",
|
||
"name": "dogeCT",
|
||
"fill": "$profit-green",
|
||
"content": "+5.67%",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "rectangle",
|
||
"id": "rE2d9",
|
||
"name": "div4",
|
||
"opacity": 0.5,
|
||
"fill": "$border-default",
|
||
"width": "fill_container",
|
||
"height": 1
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "h2FBq",
|
||
"name": "ADA Row",
|
||
"width": "fill_container",
|
||
"padding": [
|
||
14,
|
||
16
|
||
],
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "ly2oH",
|
||
"name": "adaLeft",
|
||
"gap": 10,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "J5bS3",
|
||
"name": "ADA Avatar",
|
||
"width": 36,
|
||
"height": 36,
|
||
"layout": "none",
|
||
"children": [
|
||
{
|
||
"type": "ellipse",
|
||
"id": "2Gdby",
|
||
"x": 0,
|
||
"y": 0,
|
||
"name": "adaEllipse",
|
||
"fill": "$accent-light",
|
||
"width": 36,
|
||
"height": 36
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "Cy4T1",
|
||
"x": 13,
|
||
"y": 10,
|
||
"name": "adaLetter",
|
||
"fill": "$accent-primary",
|
||
"content": "A",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "700"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "InCbY",
|
||
"name": "adaInfo",
|
||
"layout": "vertical",
|
||
"gap": 2,
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "TWP1e",
|
||
"name": "adaPair",
|
||
"fill": "$text-primary",
|
||
"content": "ADA/USDT",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "700"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "oKVCR",
|
||
"name": "adaFull",
|
||
"fill": "$text-secondary",
|
||
"content": "Cardano",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "QOOzr",
|
||
"name": "adaRight",
|
||
"layout": "vertical",
|
||
"gap": 2,
|
||
"alignItems": "end",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "nnfEG",
|
||
"name": "adaPrice",
|
||
"fill": "$text-primary",
|
||
"content": "0.4521",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "600"
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "CB8Q5",
|
||
"name": "adaChange",
|
||
"fill": "$loss-red-bg",
|
||
"cornerRadius": 4,
|
||
"padding": [
|
||
2,
|
||
6
|
||
],
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "RUqNR",
|
||
"name": "adaCT",
|
||
"fill": "$loss-red",
|
||
"content": "-2.13%",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "rectangle",
|
||
"id": "Ps3Tz",
|
||
"name": "div5",
|
||
"opacity": 0.5,
|
||
"fill": "$border-default",
|
||
"width": "fill_container",
|
||
"height": 1
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "PoJX8",
|
||
"name": "DOT Row",
|
||
"width": "fill_container",
|
||
"padding": [
|
||
14,
|
||
16
|
||
],
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "10PRq",
|
||
"name": "dotLeft",
|
||
"gap": 10,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "cXxYS",
|
||
"name": "DOT Avatar",
|
||
"width": 36,
|
||
"height": 36,
|
||
"layout": "none",
|
||
"children": [
|
||
{
|
||
"type": "ellipse",
|
||
"id": "JaBDn",
|
||
"x": 0,
|
||
"y": 0,
|
||
"name": "dotEllipse",
|
||
"fill": "$accent-light",
|
||
"width": 36,
|
||
"height": 36
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "7AKlT",
|
||
"x": 13,
|
||
"y": 10,
|
||
"name": "dotLetter",
|
||
"fill": "$accent-primary",
|
||
"content": "D",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "700"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "E7XHa",
|
||
"name": "dotInfo",
|
||
"layout": "vertical",
|
||
"gap": 2,
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "yAja6",
|
||
"name": "dotPair",
|
||
"fill": "$text-primary",
|
||
"content": "DOT/USDT",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "700"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "kaMzc",
|
||
"name": "dotFull",
|
||
"fill": "$text-secondary",
|
||
"content": "Polkadot",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "8vefx",
|
||
"name": "dotRight",
|
||
"layout": "vertical",
|
||
"gap": 2,
|
||
"alignItems": "end",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "nl1kN",
|
||
"name": "dotPrice",
|
||
"fill": "$text-primary",
|
||
"content": "7.85",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "600"
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "wi6Yl",
|
||
"name": "dotChange",
|
||
"fill": "$profit-green-bg",
|
||
"cornerRadius": 4,
|
||
"padding": [
|
||
2,
|
||
6
|
||
],
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "EWyAV",
|
||
"name": "dotCT",
|
||
"fill": "$profit-green",
|
||
"content": "+0.98%",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "FnNvp",
|
||
"name": "Tab Bar",
|
||
"width": "fill_container",
|
||
"fill": "$bg-primary",
|
||
"layout": "vertical",
|
||
"padding": [
|
||
8,
|
||
16
|
||
],
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "fq3KR",
|
||
"name": "Tab Pill",
|
||
"width": "fill_container",
|
||
"height": 48,
|
||
"fill": "$bg-primary",
|
||
"cornerRadius": 24,
|
||
"padding": 2,
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "Wio0p",
|
||
"name": "Tab Home",
|
||
"width": "fill_container",
|
||
"height": "fill_container",
|
||
"cornerRadius": 22,
|
||
"layout": "vertical",
|
||
"gap": 4,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "cJkas",
|
||
"name": "tab1Icon",
|
||
"width": 16,
|
||
"height": 16,
|
||
"iconFontName": "house",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$tab-inactive-text"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "h6RdZ",
|
||
"name": "tab1Text",
|
||
"fill": "$tab-inactive-text",
|
||
"content": "首页",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 9,
|
||
"fontWeight": "500",
|
||
"letterSpacing": 0.5
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "IXxG2",
|
||
"name": "Tab Market",
|
||
"width": "fill_container",
|
||
"height": "fill_container",
|
||
"fill": "$tab-active-bg",
|
||
"cornerRadius": 22,
|
||
"layout": "vertical",
|
||
"gap": 4,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "LzF6I",
|
||
"name": "tab2Icon",
|
||
"width": 16,
|
||
"height": 16,
|
||
"iconFontName": "trending-up",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$tab-active-text"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "vS7FT",
|
||
"name": "tab2Text",
|
||
"fill": "$tab-active-text",
|
||
"content": "行情",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 9,
|
||
"fontWeight": "500",
|
||
"letterSpacing": 0.5
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "09eBE",
|
||
"name": "Tab Trade",
|
||
"width": "fill_container",
|
||
"height": "fill_container",
|
||
"cornerRadius": 22,
|
||
"layout": "vertical",
|
||
"gap": 4,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "hJRAp",
|
||
"name": "tab3Icon",
|
||
"width": 16,
|
||
"height": 16,
|
||
"iconFontName": "arrow-left-right",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$tab-inactive-text"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "FBR84",
|
||
"name": "tab3Text",
|
||
"fill": "$tab-inactive-text",
|
||
"content": "交易",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 9,
|
||
"fontWeight": "500",
|
||
"letterSpacing": 0.5
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "nrMhb",
|
||
"name": "Tab Asset",
|
||
"width": "fill_container",
|
||
"height": "fill_container",
|
||
"cornerRadius": 22,
|
||
"layout": "vertical",
|
||
"gap": 4,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "QajB2",
|
||
"name": "tab4Icon",
|
||
"width": 16,
|
||
"height": 16,
|
||
"iconFontName": "wallet",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$tab-inactive-text"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "fxkoD",
|
||
"name": "tab4Text",
|
||
"fill": "$tab-inactive-text",
|
||
"content": "资产",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 9,
|
||
"fontWeight": "500",
|
||
"letterSpacing": 0.5
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "v2SRK",
|
||
"name": "Tab Me",
|
||
"width": "fill_container",
|
||
"height": "fill_container",
|
||
"cornerRadius": 22,
|
||
"layout": "vertical",
|
||
"gap": 4,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "bZMrB",
|
||
"name": "tab5Icon",
|
||
"width": 16,
|
||
"height": 16,
|
||
"iconFontName": "user",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$tab-inactive-text"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "AV59L",
|
||
"name": "tab5Text",
|
||
"fill": "$tab-inactive-text",
|
||
"content": "我的",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 9,
|
||
"fontWeight": "500",
|
||
"letterSpacing": 0.5
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "IlDw3",
|
||
"x": 840,
|
||
"y": 0,
|
||
"name": "Trade - 交易",
|
||
"theme": {
|
||
"mode": "light"
|
||
},
|
||
"clip": true,
|
||
"width": 390,
|
||
"height": 844,
|
||
"fill": "$bg-secondary",
|
||
"layout": "vertical",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "nENxr",
|
||
"name": "Status Bar",
|
||
"width": "fill_container",
|
||
"height": 62,
|
||
"fill": "$bg-primary",
|
||
"padding": [
|
||
0,
|
||
24
|
||
],
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "qddm7",
|
||
"name": "timeLabel",
|
||
"fill": "$text-primary",
|
||
"content": "9:41",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 15,
|
||
"fontWeight": "600"
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "lk8xF",
|
||
"name": "statusIcons",
|
||
"gap": 6,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "mxonm",
|
||
"name": "signal",
|
||
"width": 16,
|
||
"height": 16,
|
||
"iconFontName": "signal",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$text-primary"
|
||
},
|
||
{
|
||
"type": "icon_font",
|
||
"id": "I4yc7",
|
||
"name": "wifi",
|
||
"width": 16,
|
||
"height": 16,
|
||
"iconFontName": "wifi",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$text-primary"
|
||
},
|
||
{
|
||
"type": "icon_font",
|
||
"id": "oYbs4",
|
||
"name": "battery",
|
||
"width": 22,
|
||
"height": 16,
|
||
"iconFontName": "battery-full",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$text-primary"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "FtF5G",
|
||
"name": "Content",
|
||
"width": "fill_container",
|
||
"height": "fill_container",
|
||
"layout": "vertical",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "XCc7E",
|
||
"name": "Scroll Area",
|
||
"clip": true,
|
||
"width": "fill_container",
|
||
"height": "fill_container",
|
||
"layout": "vertical",
|
||
"gap": 16,
|
||
"padding": [
|
||
0,
|
||
16,
|
||
32,
|
||
16
|
||
],
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "gCt7v",
|
||
"name": "Coin Selector Card",
|
||
"width": "fill_container",
|
||
"fill": "$surface-card",
|
||
"cornerRadius": "$radius-lg",
|
||
"stroke": {
|
||
"thickness": 1,
|
||
"fill": "$border-default"
|
||
},
|
||
"padding": 16,
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "RBA7X",
|
||
"name": "coinInfo",
|
||
"layout": "vertical",
|
||
"gap": 2,
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "sn14y",
|
||
"name": "coinPair",
|
||
"fill": "$text-primary",
|
||
"content": "SOL/USDT",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 18,
|
||
"fontWeight": "700"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "JqlAW",
|
||
"name": "coinName",
|
||
"fill": "$text-secondary",
|
||
"content": "Solana",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "icon_font",
|
||
"id": "ZiDg2",
|
||
"name": "chevronDown",
|
||
"width": 16,
|
||
"height": 16,
|
||
"iconFontName": "chevron-down",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$text-secondary"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "QUG7L",
|
||
"name": "Price Card",
|
||
"width": "fill_container",
|
||
"fill": "$surface-card",
|
||
"cornerRadius": "$radius-lg",
|
||
"stroke": {
|
||
"thickness": 1,
|
||
"fill": "$border-default"
|
||
},
|
||
"layout": "vertical",
|
||
"gap": 8,
|
||
"padding": 20,
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "PIW2h",
|
||
"name": "priceRow",
|
||
"gap": 8,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "vnGo5",
|
||
"name": "priceValue",
|
||
"fill": "$text-primary",
|
||
"content": "178.65",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 32,
|
||
"fontWeight": "700"
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "sFXJc",
|
||
"name": "changeBadge",
|
||
"fill": "$profit-green-bg",
|
||
"cornerRadius": "$radius-sm",
|
||
"padding": [
|
||
4,
|
||
8
|
||
],
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "SiWuo",
|
||
"name": "changeText",
|
||
"fill": "$profit-green",
|
||
"content": "+1.45%",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "WrilR",
|
||
"name": "priceSubtitle",
|
||
"fill": "$text-muted",
|
||
"content": "24h 变化",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "f6Hfh",
|
||
"name": "Buy/Sell Toggle",
|
||
"clip": true,
|
||
"width": "fill_container",
|
||
"cornerRadius": "$radius-md",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "geA1l",
|
||
"name": "buyBtn",
|
||
"width": "fill_container",
|
||
"height": 40,
|
||
"fill": "$profit-green",
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "DtYyU",
|
||
"name": "buyLabel",
|
||
"fill": "$text-inverse",
|
||
"content": "买入",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "uBdLV",
|
||
"name": "sellBtn",
|
||
"width": "fill_container",
|
||
"height": 40,
|
||
"fill": "$surface-card",
|
||
"stroke": {
|
||
"thickness": 1,
|
||
"fill": "$border-default"
|
||
},
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "296zX",
|
||
"name": "sellLabel",
|
||
"fill": "$text-secondary",
|
||
"content": "卖出",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "DBNBs",
|
||
"name": "Trade Form Card",
|
||
"width": "fill_container",
|
||
"fill": "$surface-card",
|
||
"cornerRadius": "$radius-lg",
|
||
"stroke": {
|
||
"thickness": 1,
|
||
"fill": "$border-default"
|
||
},
|
||
"layout": "vertical",
|
||
"gap": 16,
|
||
"padding": 20,
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "9GOVd",
|
||
"name": "amountLabelRow",
|
||
"width": "fill_container",
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "Lsovs",
|
||
"name": "labelLeft",
|
||
"fill": "$text-secondary",
|
||
"content": "交易金额",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "normal"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "eqf3x",
|
||
"name": "labelRight",
|
||
"fill": "$text-primary",
|
||
"content": "USDT",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "XD96R",
|
||
"name": "inputField",
|
||
"width": "fill_container",
|
||
"height": 48,
|
||
"fill": "$bg-tertiary",
|
||
"cornerRadius": "$radius-md",
|
||
"padding": [
|
||
0,
|
||
16
|
||
],
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "3Engn",
|
||
"name": "placeholder",
|
||
"fill": "$text-muted",
|
||
"content": "请输入金额",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "ertpF",
|
||
"name": "availText",
|
||
"fill": "$text-muted",
|
||
"content": "可用: 10,000.00 USDT",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "normal"
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "ejUNf",
|
||
"name": "pctRow",
|
||
"width": "fill_container",
|
||
"gap": 8,
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "MN6vs",
|
||
"name": "pct25",
|
||
"width": "fill_container",
|
||
"height": 32,
|
||
"fill": "$bg-tertiary",
|
||
"cornerRadius": "$radius-sm",
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "LXl8E",
|
||
"name": "pct1t",
|
||
"fill": "$text-secondary",
|
||
"content": "25%",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "Yx0k9",
|
||
"name": "pct50",
|
||
"width": "fill_container",
|
||
"height": 32,
|
||
"fill": "$bg-tertiary",
|
||
"cornerRadius": "$radius-sm",
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "oVOgA",
|
||
"name": "pct2t",
|
||
"fill": "$text-secondary",
|
||
"content": "50%",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "fEHTb",
|
||
"name": "pct75",
|
||
"width": "fill_container",
|
||
"height": 32,
|
||
"fill": "$bg-tertiary",
|
||
"cornerRadius": "$radius-sm",
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "giEEn",
|
||
"name": "pct3t",
|
||
"fill": "$text-secondary",
|
||
"content": "75%",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "huyjz",
|
||
"name": "pct100",
|
||
"width": "fill_container",
|
||
"height": 32,
|
||
"fill": "$bg-tertiary",
|
||
"cornerRadius": "$radius-sm",
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "eOfLu",
|
||
"name": "pct4t",
|
||
"fill": "$text-secondary",
|
||
"content": "100%",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "0wBh7",
|
||
"name": "calcRow",
|
||
"width": "fill_container",
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "HKImV",
|
||
"name": "calcLabel",
|
||
"fill": "$text-secondary",
|
||
"content": "交易数量",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "normal"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "XlxcK",
|
||
"name": "calcValue",
|
||
"fill": "$text-primary",
|
||
"content": "56.4231 SOL",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "rbFBk",
|
||
"name": "Buy Button",
|
||
"width": "fill_container",
|
||
"height": 48,
|
||
"fill": "$profit-green",
|
||
"cornerRadius": "$radius-lg",
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "1cG6R",
|
||
"name": "buyCtaText",
|
||
"fill": "$text-inverse",
|
||
"content": "买入 SOL",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 16,
|
||
"fontWeight": "700"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "Kms72",
|
||
"name": "Tab Bar",
|
||
"width": "fill_container",
|
||
"fill": "$bg-primary",
|
||
"layout": "vertical",
|
||
"padding": [
|
||
8,
|
||
16
|
||
],
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "8SNLu",
|
||
"name": "tabPill",
|
||
"width": "fill_container",
|
||
"height": 48,
|
||
"fill": "$bg-primary",
|
||
"cornerRadius": 24,
|
||
"stroke": {
|
||
"thickness": 0,
|
||
"fill": "#00000000"
|
||
},
|
||
"padding": 2,
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "aQjUy",
|
||
"name": "tab1",
|
||
"width": "fill_container",
|
||
"height": "fill_container",
|
||
"cornerRadius": 22,
|
||
"layout": "vertical",
|
||
"gap": 4,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "vzTRs",
|
||
"name": "tab1Icon",
|
||
"width": 16,
|
||
"height": 16,
|
||
"iconFontName": "house",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$tab-inactive-text"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "Px785",
|
||
"name": "tab1Label",
|
||
"fill": "$tab-inactive-text",
|
||
"content": "首页",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 9,
|
||
"fontWeight": "500",
|
||
"letterSpacing": 0.5
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "Fzm3s",
|
||
"name": "tab2",
|
||
"width": "fill_container",
|
||
"height": "fill_container",
|
||
"cornerRadius": 22,
|
||
"layout": "vertical",
|
||
"gap": 4,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "yQV8B",
|
||
"name": "tab2Icon",
|
||
"width": 16,
|
||
"height": 16,
|
||
"iconFontName": "trending-up",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$tab-inactive-text"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "at6zp",
|
||
"name": "tab2Label",
|
||
"fill": "$tab-inactive-text",
|
||
"content": "行情",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 9,
|
||
"fontWeight": "500",
|
||
"letterSpacing": 0.5
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "1iTYL",
|
||
"name": "tab3",
|
||
"width": "fill_container",
|
||
"height": "fill_container",
|
||
"fill": "$tab-active-bg",
|
||
"cornerRadius": 22,
|
||
"layout": "vertical",
|
||
"gap": 4,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "9uVBa",
|
||
"name": "tab3Icon",
|
||
"width": 16,
|
||
"height": 16,
|
||
"iconFontName": "arrow-left-right",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$tab-active-text"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "UX687",
|
||
"name": "tab3Label",
|
||
"fill": "$tab-active-text",
|
||
"content": "交易",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 9,
|
||
"fontWeight": "500",
|
||
"letterSpacing": 0.5
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "fp49I",
|
||
"name": "tab4",
|
||
"width": "fill_container",
|
||
"height": "fill_container",
|
||
"cornerRadius": 22,
|
||
"layout": "vertical",
|
||
"gap": 4,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "nJvfz",
|
||
"name": "tab4Icon",
|
||
"width": 16,
|
||
"height": 16,
|
||
"iconFontName": "wallet",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$tab-inactive-text"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "0knDI",
|
||
"name": "tab4Label",
|
||
"fill": "$tab-inactive-text",
|
||
"content": "资产",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 9,
|
||
"fontWeight": "500",
|
||
"letterSpacing": 0.5
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "8BvI0",
|
||
"name": "tab5",
|
||
"width": "fill_container",
|
||
"height": "fill_container",
|
||
"cornerRadius": 22,
|
||
"layout": "vertical",
|
||
"gap": 4,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "pos3x",
|
||
"name": "tab5Icon",
|
||
"width": 16,
|
||
"height": 16,
|
||
"iconFontName": "user",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$tab-inactive-text"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "Ta6HB",
|
||
"name": "tab5Label",
|
||
"fill": "$tab-inactive-text",
|
||
"content": "我的",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 9,
|
||
"fontWeight": "500",
|
||
"letterSpacing": 0.5
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "CMcqs",
|
||
"x": 1260,
|
||
"y": 0,
|
||
"name": "Asset - 资产",
|
||
"theme": {
|
||
"mode": "light"
|
||
},
|
||
"clip": true,
|
||
"width": 390,
|
||
"height": 844,
|
||
"fill": "$bg-secondary",
|
||
"layout": "vertical",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "fKeDS",
|
||
"name": "Status Bar",
|
||
"width": "fill_container",
|
||
"height": 62,
|
||
"fill": "$bg-primary",
|
||
"padding": [
|
||
0,
|
||
24
|
||
],
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "BARLV",
|
||
"name": "statusTime",
|
||
"fill": "$text-primary",
|
||
"content": "9:41",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 15,
|
||
"fontWeight": "600"
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "bXSvH",
|
||
"name": "statusIcons",
|
||
"gap": 6,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "AJ3Mu",
|
||
"name": "signalIcon",
|
||
"width": 16,
|
||
"height": 16,
|
||
"iconFontName": "signal",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$text-primary"
|
||
},
|
||
{
|
||
"type": "icon_font",
|
||
"id": "i4aQd",
|
||
"name": "wifiIcon",
|
||
"width": 16,
|
||
"height": 16,
|
||
"iconFontName": "wifi",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$text-primary"
|
||
},
|
||
{
|
||
"type": "icon_font",
|
||
"id": "phYEC",
|
||
"name": "battIcon",
|
||
"width": 16,
|
||
"height": 16,
|
||
"iconFontName": "battery-full",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$text-primary"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "4W2hF",
|
||
"name": "Content",
|
||
"clip": true,
|
||
"width": "fill_container",
|
||
"height": "fill_container",
|
||
"layout": "vertical",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "XC54i",
|
||
"name": "Scroll Area",
|
||
"clip": true,
|
||
"width": "fill_container",
|
||
"height": "fill_container",
|
||
"layout": "vertical",
|
||
"gap": 16,
|
||
"padding": [
|
||
0,
|
||
16,
|
||
32,
|
||
16
|
||
],
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "CKhqq",
|
||
"name": "titleFrame",
|
||
"width": "fill_container",
|
||
"layout": "vertical",
|
||
"padding": [
|
||
16,
|
||
0,
|
||
8,
|
||
0
|
||
],
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "apiSI",
|
||
"name": "titleText",
|
||
"fill": "$text-primary",
|
||
"content": "资产",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 22,
|
||
"fontWeight": "700"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "UE6xC",
|
||
"name": "Account Tab Switcher",
|
||
"width": "fill_container",
|
||
"height": 40,
|
||
"fill": "$bg-tertiary",
|
||
"cornerRadius": "$radius-md",
|
||
"padding": 3,
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "lrfFL",
|
||
"name": "activeTab",
|
||
"width": "fill_container",
|
||
"height": "fill_container",
|
||
"fill": "$bg-primary",
|
||
"cornerRadius": "$radius-sm",
|
||
"effect": {
|
||
"type": "shadow",
|
||
"shadowType": "outer",
|
||
"color": "#0000000D",
|
||
"offset": {
|
||
"x": 0,
|
||
"y": 1
|
||
},
|
||
"blur": 3
|
||
},
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "9l4HE",
|
||
"name": "activeTabText",
|
||
"fill": "$text-primary",
|
||
"content": "资金账户",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "agovx",
|
||
"name": "inactiveTab",
|
||
"width": "fill_container",
|
||
"height": "fill_container",
|
||
"fill": "#00000000",
|
||
"cornerRadius": "$radius-sm",
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "rgXZ0",
|
||
"name": "inactiveTabText",
|
||
"fill": "$text-secondary",
|
||
"content": "交易账户",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "59637",
|
||
"name": "Balance Card",
|
||
"width": "fill_container",
|
||
"fill": "$surface-card",
|
||
"cornerRadius": "$radius-lg",
|
||
"stroke": {
|
||
"thickness": 1,
|
||
"fill": "$border-default"
|
||
},
|
||
"layout": "vertical",
|
||
"gap": 12,
|
||
"padding": 20,
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "tLYXu",
|
||
"name": "balLabel",
|
||
"fill": "$text-secondary",
|
||
"content": "USDT 余额",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "normal"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "XEYNj",
|
||
"name": "balAmount",
|
||
"fill": "$text-primary",
|
||
"content": "25,680.50",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 28,
|
||
"fontWeight": "700"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "Gv8fV",
|
||
"name": "balSubRow",
|
||
"fill": "$text-muted",
|
||
"content": "≈ $25,680.50 USD",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "pIpHe",
|
||
"name": "Action Buttons",
|
||
"width": "fill_container",
|
||
"gap": 12,
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "AvAll",
|
||
"name": "btn1",
|
||
"width": "fill_container",
|
||
"layout": "vertical",
|
||
"gap": 6,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "jdcr9",
|
||
"name": "btn1Circle",
|
||
"width": 48,
|
||
"height": 48,
|
||
"fill": "$bg-tertiary",
|
||
"cornerRadius": 24,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "fH001",
|
||
"name": "btn1Icon",
|
||
"width": 20,
|
||
"height": 20,
|
||
"iconFontName": "arrow-up-right",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$accent-primary"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "d4oJY",
|
||
"name": "btn1Label",
|
||
"fill": "$text-secondary",
|
||
"content": "充值",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "HU0db",
|
||
"name": "btn2",
|
||
"width": "fill_container",
|
||
"layout": "vertical",
|
||
"gap": 6,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "xSq0b",
|
||
"name": "btn2Circle",
|
||
"width": 48,
|
||
"height": 48,
|
||
"fill": "$bg-tertiary",
|
||
"cornerRadius": 24,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "lv9yz",
|
||
"name": "btn2Icon",
|
||
"width": 20,
|
||
"height": 20,
|
||
"iconFontName": "arrow-down-left",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$accent-primary"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "XyeQa",
|
||
"name": "btn2Label",
|
||
"fill": "$text-secondary",
|
||
"content": "提现",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "QPMYf",
|
||
"name": "btn3",
|
||
"width": "fill_container",
|
||
"layout": "vertical",
|
||
"gap": 6,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "maAt1",
|
||
"name": "btn3Circle",
|
||
"width": 48,
|
||
"height": 48,
|
||
"fill": "$bg-tertiary",
|
||
"cornerRadius": 24,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "HIjoy",
|
||
"name": "btn3Icon",
|
||
"width": 20,
|
||
"height": 20,
|
||
"iconFontName": "repeat",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$accent-primary"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "mMWqz",
|
||
"name": "btn3Label",
|
||
"fill": "$text-secondary",
|
||
"content": "划转",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "fLHtq",
|
||
"name": "Records Link",
|
||
"width": "fill_container",
|
||
"fill": "$surface-card",
|
||
"cornerRadius": "$radius-lg",
|
||
"stroke": {
|
||
"thickness": 1,
|
||
"fill": "$border-default"
|
||
},
|
||
"padding": [
|
||
14,
|
||
16
|
||
],
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "EA1S1",
|
||
"name": "recordsText",
|
||
"fill": "$text-primary",
|
||
"content": "充提记录",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "500"
|
||
},
|
||
{
|
||
"type": "icon_font",
|
||
"id": "kCOxu",
|
||
"name": "recordsChevron",
|
||
"width": 16,
|
||
"height": 16,
|
||
"iconFontName": "chevron-right",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$text-muted"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "th9BG",
|
||
"name": "Holdings Header",
|
||
"width": "fill_container",
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "FWkiU",
|
||
"name": "holdingsTitle",
|
||
"fill": "$text-primary",
|
||
"content": "交易账户持仓",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 16,
|
||
"fontWeight": "600"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "duXZE",
|
||
"name": "holdingsViewAll",
|
||
"fill": "$text-secondary",
|
||
"content": "查看全部 >",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "6X6tC",
|
||
"name": "Holdings Card",
|
||
"width": "fill_container",
|
||
"fill": "$surface-card",
|
||
"cornerRadius": "$radius-lg",
|
||
"stroke": {
|
||
"thickness": 1,
|
||
"fill": "$border-default"
|
||
},
|
||
"layout": "vertical",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "dAt4j",
|
||
"name": "BTC Row",
|
||
"width": "fill_container",
|
||
"padding": [
|
||
14,
|
||
16
|
||
],
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "ICsoT",
|
||
"name": "row1Left",
|
||
"gap": 10,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "SJNDJ",
|
||
"name": "row1Avatar",
|
||
"width": 36,
|
||
"height": 36,
|
||
"fill": "$accent-light",
|
||
"cornerRadius": 18,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "Z2xNq",
|
||
"name": "row1AvatarText",
|
||
"fill": "$accent-primary",
|
||
"content": "B",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "700"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "fivxJ",
|
||
"name": "row1CoinInfo",
|
||
"layout": "vertical",
|
||
"gap": 2,
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "3v1UB",
|
||
"name": "row1CoinName",
|
||
"fill": "$text-primary",
|
||
"content": "BTC",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "600"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "H8jVX",
|
||
"name": "row1CoinAmt",
|
||
"fill": "$text-secondary",
|
||
"content": "0.5000",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "vYJsU",
|
||
"name": "row1Right",
|
||
"layout": "vertical",
|
||
"gap": 2,
|
||
"alignItems": "end",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "4wUMy",
|
||
"name": "row1Value",
|
||
"fill": "$text-primary",
|
||
"content": "34,216.25 USDT",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 13,
|
||
"fontWeight": "500"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "0i3Di",
|
||
"name": "row1Pnl",
|
||
"fill": "$profit-green",
|
||
"content": "+5.23%",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "rectangle",
|
||
"id": "BCCbR",
|
||
"name": "divider1",
|
||
"opacity": 0.5,
|
||
"fill": "$border-default",
|
||
"width": "fill_container",
|
||
"height": 1
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "eK6vq",
|
||
"name": "ETH Row",
|
||
"width": "fill_container",
|
||
"padding": [
|
||
14,
|
||
16
|
||
],
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "SLRzk",
|
||
"name": "row2Left",
|
||
"gap": 10,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "EjSIN",
|
||
"name": "row2Avatar",
|
||
"width": 36,
|
||
"height": 36,
|
||
"fill": "$accent-light",
|
||
"cornerRadius": 18,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "AjVnl",
|
||
"name": "row2AvatarText",
|
||
"fill": "$accent-primary",
|
||
"content": "E",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "700"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "Kxv3d",
|
||
"name": "row2CoinInfo",
|
||
"layout": "vertical",
|
||
"gap": 2,
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "IKcO5",
|
||
"name": "row2CoinName",
|
||
"fill": "$text-primary",
|
||
"content": "ETH",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "600"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "BFOqG",
|
||
"name": "row2CoinAmt",
|
||
"fill": "$text-secondary",
|
||
"content": "2.1500",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "2nLAg",
|
||
"name": "row2Right",
|
||
"layout": "vertical",
|
||
"gap": 2,
|
||
"alignItems": "end",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "CpKCf",
|
||
"name": "row2Value",
|
||
"fill": "$text-primary",
|
||
"content": "8,291.33 USDT",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 13,
|
||
"fontWeight": "500"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "EMqjV",
|
||
"name": "row2Pnl",
|
||
"fill": "$profit-green",
|
||
"content": "+1.87%",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "rectangle",
|
||
"id": "yejhE",
|
||
"name": "divider2",
|
||
"opacity": 0.5,
|
||
"fill": "$border-default",
|
||
"width": "fill_container",
|
||
"height": 1
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "jiSUK",
|
||
"name": "SOL Row",
|
||
"width": "fill_container",
|
||
"padding": [
|
||
14,
|
||
16
|
||
],
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "KdrG2",
|
||
"name": "row3Left",
|
||
"gap": 10,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "3GQ5M",
|
||
"name": "row3Avatar",
|
||
"width": 36,
|
||
"height": 36,
|
||
"fill": "$accent-light",
|
||
"cornerRadius": 18,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "xrOkM",
|
||
"name": "row3AvatarText",
|
||
"fill": "$accent-primary",
|
||
"content": "S",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "700"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "5CsoQ",
|
||
"name": "row3CoinInfo",
|
||
"layout": "vertical",
|
||
"gap": 2,
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "IXhrq",
|
||
"name": "row3CoinName",
|
||
"fill": "$text-primary",
|
||
"content": "SOL",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "600"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "7aIbt",
|
||
"name": "row3CoinAmt",
|
||
"fill": "$text-secondary",
|
||
"content": "120.00",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "IlWck",
|
||
"name": "row3Right",
|
||
"layout": "vertical",
|
||
"gap": 2,
|
||
"alignItems": "end",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "vOF03",
|
||
"name": "row3Value",
|
||
"fill": "$text-primary",
|
||
"content": "21,438.00 USDT",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 13,
|
||
"fontWeight": "500"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "fSZRs",
|
||
"name": "row3Pnl",
|
||
"fill": "$loss-red",
|
||
"content": "-2.45%",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "tQrXB",
|
||
"name": "Tab Bar",
|
||
"width": "fill_container",
|
||
"height": 83,
|
||
"fill": "$bg-primary",
|
||
"stroke": {
|
||
"thickness": {
|
||
"top": 1
|
||
},
|
||
"fill": "$border-default"
|
||
},
|
||
"padding": [
|
||
8,
|
||
16,
|
||
24,
|
||
16
|
||
],
|
||
"justifyContent": "space_around",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "EfAeY",
|
||
"name": "tab1",
|
||
"layout": "vertical",
|
||
"gap": 4,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "pX5Nc",
|
||
"name": "tab1Icon",
|
||
"width": 22,
|
||
"height": 22,
|
||
"iconFontName": "house",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$tab-inactive-text"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "1bvxO",
|
||
"name": "tab1Label",
|
||
"fill": "$tab-inactive-text",
|
||
"content": "首页",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 10,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "Y298M",
|
||
"name": "tab2",
|
||
"layout": "vertical",
|
||
"gap": 4,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "dS2df",
|
||
"name": "tab2Icon",
|
||
"width": 22,
|
||
"height": 22,
|
||
"iconFontName": "trending-up",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$tab-inactive-text"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "EuNdY",
|
||
"name": "tab2Label",
|
||
"fill": "$tab-inactive-text",
|
||
"content": "行情",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 10,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "WKbhe",
|
||
"name": "tab3",
|
||
"layout": "vertical",
|
||
"gap": 4,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "msGZi",
|
||
"name": "tab3Icon",
|
||
"width": 22,
|
||
"height": 22,
|
||
"iconFontName": "arrow-left-right",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$tab-inactive-text"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "0kTPH",
|
||
"name": "tab3Label",
|
||
"fill": "$tab-inactive-text",
|
||
"content": "交易",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 10,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "0XpKv",
|
||
"name": "tab4",
|
||
"layout": "vertical",
|
||
"gap": 4,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "c9haT",
|
||
"name": "tab4Icon",
|
||
"width": 22,
|
||
"height": 22,
|
||
"iconFontName": "wallet",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$accent-primary"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "apOpf",
|
||
"name": "tab4Label",
|
||
"fill": "$accent-primary",
|
||
"content": "资产",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 10,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "p9jR2",
|
||
"name": "tab5",
|
||
"layout": "vertical",
|
||
"gap": 4,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "tVctw",
|
||
"name": "tab5Icon",
|
||
"width": 22,
|
||
"height": 22,
|
||
"iconFontName": "user",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$tab-inactive-text"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "yTnn7",
|
||
"name": "tab5Label",
|
||
"fill": "$tab-inactive-text",
|
||
"content": "我的",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 10,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "nAG39",
|
||
"x": 0,
|
||
"y": 900,
|
||
"name": "Mine - 我的",
|
||
"theme": {
|
||
"mode": "light"
|
||
},
|
||
"clip": true,
|
||
"width": 390,
|
||
"height": 844,
|
||
"fill": "$bg-secondary",
|
||
"layout": "vertical",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "eIzRC",
|
||
"name": "Status Bar",
|
||
"width": "fill_container",
|
||
"height": 62,
|
||
"fill": "$bg-primary",
|
||
"padding": [
|
||
0,
|
||
24
|
||
],
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "irq0h",
|
||
"name": "Time",
|
||
"fill": "$text-primary",
|
||
"content": "9:41",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 15,
|
||
"fontWeight": "600"
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "YV3L5",
|
||
"name": "Right Icons",
|
||
"gap": 6,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "MbzpY",
|
||
"name": "signalIcon",
|
||
"width": 16,
|
||
"height": 16,
|
||
"iconFontName": "signal",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$text-primary"
|
||
},
|
||
{
|
||
"type": "icon_font",
|
||
"id": "BfMdN",
|
||
"name": "wifiIcon",
|
||
"width": 16,
|
||
"height": 16,
|
||
"iconFontName": "wifi",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$text-primary"
|
||
},
|
||
{
|
||
"type": "icon_font",
|
||
"id": "GsuB7",
|
||
"name": "batteryIcon",
|
||
"width": 22,
|
||
"height": 16,
|
||
"iconFontName": "battery-full",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$text-primary"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "Fhlvb",
|
||
"name": "Content",
|
||
"clip": true,
|
||
"width": "fill_container",
|
||
"height": "fill_container",
|
||
"layout": "vertical",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "YP9Ky",
|
||
"name": "Scroll Area",
|
||
"clip": true,
|
||
"width": "fill_container",
|
||
"height": "fill_container",
|
||
"layout": "vertical",
|
||
"gap": 12,
|
||
"padding": [
|
||
0,
|
||
16,
|
||
32,
|
||
16
|
||
],
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "ABgyV",
|
||
"name": "Profile Card",
|
||
"width": "fill_container",
|
||
"fill": "$surface-card",
|
||
"cornerRadius": "$radius-lg",
|
||
"stroke": {
|
||
"thickness": 1,
|
||
"fill": "$border-default"
|
||
},
|
||
"layout": "vertical",
|
||
"gap": 16,
|
||
"padding": 20,
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "dQn0m",
|
||
"name": "Top Row",
|
||
"width": "fill_container",
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "Z9fEg",
|
||
"name": "Left Section",
|
||
"gap": 12,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "3sKSG",
|
||
"name": "Avatar",
|
||
"width": 48,
|
||
"height": 48,
|
||
"fill": "$accent-light",
|
||
"cornerRadius": 24,
|
||
"layout": "vertical",
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "9NImh",
|
||
"name": "avatarText",
|
||
"fill": "$accent-primary",
|
||
"content": "S",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 18,
|
||
"fontWeight": "700"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "7qeVY",
|
||
"name": "Name Column",
|
||
"layout": "vertical",
|
||
"gap": 4,
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "twpN9",
|
||
"name": "userName",
|
||
"fill": "$text-primary",
|
||
"content": "sion123",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 16,
|
||
"fontWeight": "600"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "gGF0d",
|
||
"name": "userBadge",
|
||
"fill": "$text-muted",
|
||
"content": "普通用户",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 10,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "icon_font",
|
||
"id": "TLieV",
|
||
"name": "chevronRight",
|
||
"width": 16,
|
||
"height": 16,
|
||
"iconFontName": "chevron-right",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$text-muted"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "rectangle",
|
||
"id": "UEdgT",
|
||
"name": "Divider",
|
||
"opacity": 0.5,
|
||
"fill": "$border-default",
|
||
"width": "fill_container",
|
||
"height": 1
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "W1k1X",
|
||
"name": "Menu Group 1",
|
||
"clip": true,
|
||
"width": "fill_container",
|
||
"fill": "$surface-card",
|
||
"cornerRadius": "$radius-lg",
|
||
"stroke": {
|
||
"thickness": 1,
|
||
"fill": "$border-default"
|
||
},
|
||
"layout": "vertical",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "rXQua",
|
||
"name": "Row - Welfare",
|
||
"width": "fill_container",
|
||
"padding": [
|
||
14,
|
||
16
|
||
],
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "l60jf",
|
||
"name": "Left",
|
||
"gap": 10,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "O1Qln",
|
||
"name": "Icon Frame",
|
||
"width": 36,
|
||
"height": 36,
|
||
"fill": "$bg-tertiary",
|
||
"cornerRadius": 8,
|
||
"layout": "vertical",
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "BhrLl",
|
||
"name": "row1Icon",
|
||
"width": 18,
|
||
"height": 18,
|
||
"iconFontName": "gift",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$gold-accent"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "4S48w",
|
||
"name": "row1Label",
|
||
"fill": "$text-primary",
|
||
"content": "福利中心",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "icon_font",
|
||
"id": "0ZxkO",
|
||
"name": "row1Chevron",
|
||
"width": 16,
|
||
"height": 16,
|
||
"iconFontName": "chevron-right",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$text-muted"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "rectangle",
|
||
"id": "0ZpJF",
|
||
"name": "divider1",
|
||
"fill": "$border-default",
|
||
"width": "fill_container",
|
||
"height": 1
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "1jFeV",
|
||
"name": "Row - Verify",
|
||
"width": "fill_container",
|
||
"padding": [
|
||
14,
|
||
16
|
||
],
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "7fsKd",
|
||
"name": "Left",
|
||
"gap": 10,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "WVapA",
|
||
"name": "Icon Frame",
|
||
"width": 36,
|
||
"height": 36,
|
||
"fill": "$bg-tertiary",
|
||
"cornerRadius": 8,
|
||
"layout": "vertical",
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "XEhN1",
|
||
"name": "row2Icon",
|
||
"width": 18,
|
||
"height": 18,
|
||
"iconFontName": "shield-check",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$profit-green"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "fk6yj",
|
||
"name": "row2Label",
|
||
"fill": "$text-primary",
|
||
"content": "实名认证",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "AJgOv",
|
||
"name": "Right",
|
||
"gap": 8,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "CFqxt",
|
||
"name": "Verified Badge",
|
||
"fill": "$profit-green-bg",
|
||
"cornerRadius": "$radius-sm",
|
||
"padding": [
|
||
3,
|
||
8
|
||
],
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "ittTz",
|
||
"name": "badgeText",
|
||
"fill": "$profit-green",
|
||
"content": "已认证",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 10,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "icon_font",
|
||
"id": "MuyPO",
|
||
"name": "row2Chevron",
|
||
"width": 16,
|
||
"height": 16,
|
||
"iconFontName": "chevron-right",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$text-muted"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "rectangle",
|
||
"id": "t0cZV",
|
||
"name": "divider2",
|
||
"fill": "$border-default",
|
||
"width": "fill_container",
|
||
"height": 1
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "xUnjO",
|
||
"name": "Row - Security",
|
||
"width": "fill_container",
|
||
"padding": [
|
||
14,
|
||
16
|
||
],
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "UO9K3",
|
||
"name": "Left",
|
||
"gap": 10,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "WNwG2",
|
||
"name": "Icon Frame",
|
||
"width": 36,
|
||
"height": 36,
|
||
"fill": "$bg-tertiary",
|
||
"cornerRadius": 8,
|
||
"layout": "vertical",
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "sUxeO",
|
||
"name": "row3Icon",
|
||
"width": 18,
|
||
"height": 18,
|
||
"iconFontName": "lock",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$text-secondary"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "mRtSe",
|
||
"name": "row3Label",
|
||
"fill": "$text-primary",
|
||
"content": "安全设置",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "icon_font",
|
||
"id": "SStPc",
|
||
"name": "row3Chevron",
|
||
"width": 16,
|
||
"height": 16,
|
||
"iconFontName": "chevron-right",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$text-muted"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "rectangle",
|
||
"id": "DmRrH",
|
||
"name": "divider3",
|
||
"fill": "$border-default",
|
||
"width": "fill_container",
|
||
"height": 1
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "WC4eX",
|
||
"name": "Row - Notification",
|
||
"width": "fill_container",
|
||
"padding": [
|
||
14,
|
||
16
|
||
],
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "PRhmE",
|
||
"name": "Left",
|
||
"gap": 10,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "rxwzW",
|
||
"name": "Icon Frame",
|
||
"width": 36,
|
||
"height": 36,
|
||
"fill": "$bg-tertiary",
|
||
"cornerRadius": 8,
|
||
"layout": "vertical",
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "4VGr7",
|
||
"name": "row4Icon",
|
||
"width": 18,
|
||
"height": 18,
|
||
"iconFontName": "bell",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$text-secondary"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "HE89K",
|
||
"name": "row4Label",
|
||
"fill": "$text-primary",
|
||
"content": "消息通知",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "AEthh",
|
||
"name": "Right",
|
||
"gap": 8,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "ellipse",
|
||
"id": "DOxzc",
|
||
"name": "Red Dot",
|
||
"fill": "$loss-red",
|
||
"width": 8,
|
||
"height": 8
|
||
},
|
||
{
|
||
"type": "icon_font",
|
||
"id": "oyyk2",
|
||
"name": "row4Chevron",
|
||
"width": 16,
|
||
"height": 16,
|
||
"iconFontName": "chevron-right",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$text-muted"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "h5w96",
|
||
"name": "Menu Group 2",
|
||
"clip": true,
|
||
"width": "fill_container",
|
||
"fill": "$surface-card",
|
||
"cornerRadius": "$radius-lg",
|
||
"stroke": {
|
||
"thickness": 1,
|
||
"fill": "$border-default"
|
||
},
|
||
"layout": "vertical",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "reQuE",
|
||
"name": "Row - Dark Mode",
|
||
"width": "fill_container",
|
||
"padding": [
|
||
14,
|
||
16
|
||
],
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "V3XTq",
|
||
"name": "Left",
|
||
"gap": 10,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "NPGZI",
|
||
"name": "Icon Frame",
|
||
"width": 36,
|
||
"height": 36,
|
||
"fill": "$bg-tertiary",
|
||
"cornerRadius": 8,
|
||
"layout": "vertical",
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "TaFL6",
|
||
"name": "mg2r1Icon",
|
||
"width": 18,
|
||
"height": 18,
|
||
"iconFontName": "moon",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$text-secondary"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "yreRz",
|
||
"name": "mg2r1Label",
|
||
"fill": "$text-primary",
|
||
"content": "深色模式",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "2WQBm",
|
||
"name": "Toggle Switch",
|
||
"width": 44,
|
||
"height": 24,
|
||
"fill": "$bg-tertiary",
|
||
"cornerRadius": 12,
|
||
"padding": 2,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "ellipse",
|
||
"id": "8pe2S",
|
||
"name": "Toggle Circle",
|
||
"fill": "$text-inverse",
|
||
"width": 20,
|
||
"height": 20
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "rectangle",
|
||
"id": "REiCr",
|
||
"name": "mg2divider1",
|
||
"fill": "$border-default",
|
||
"width": "fill_container",
|
||
"height": 1
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "3Et2r",
|
||
"name": "Row - Settings",
|
||
"width": "fill_container",
|
||
"padding": [
|
||
14,
|
||
16
|
||
],
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "6ZZhU",
|
||
"name": "Left",
|
||
"gap": 10,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "p244g",
|
||
"name": "Icon Frame",
|
||
"width": 36,
|
||
"height": 36,
|
||
"fill": "$bg-tertiary",
|
||
"cornerRadius": 8,
|
||
"layout": "vertical",
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "LWzmm",
|
||
"name": "mg2r2Icon",
|
||
"width": 18,
|
||
"height": 18,
|
||
"iconFontName": "settings",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$text-secondary"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "KjuCS",
|
||
"name": "mg2r2Label",
|
||
"fill": "$text-primary",
|
||
"content": "系统设置",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "icon_font",
|
||
"id": "ctMXf",
|
||
"name": "mg2r2Chevron",
|
||
"width": 16,
|
||
"height": 16,
|
||
"iconFontName": "chevron-right",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$text-muted"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "rectangle",
|
||
"id": "a40z1",
|
||
"name": "mg2divider2",
|
||
"fill": "$border-default",
|
||
"width": "fill_container",
|
||
"height": 1
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "FOqdo",
|
||
"name": "Row - About",
|
||
"width": "fill_container",
|
||
"padding": [
|
||
14,
|
||
16
|
||
],
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "3whBP",
|
||
"name": "Left",
|
||
"gap": 10,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "3Ws02",
|
||
"name": "Icon Frame",
|
||
"width": 36,
|
||
"height": 36,
|
||
"fill": "$bg-tertiary",
|
||
"cornerRadius": 8,
|
||
"layout": "vertical",
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "oHEZZ",
|
||
"name": "mg2r3Icon",
|
||
"width": 18,
|
||
"height": 18,
|
||
"iconFontName": "info",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$text-secondary"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "DBOYq",
|
||
"name": "mg2r3Label",
|
||
"fill": "$text-primary",
|
||
"content": "关于我们",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "icon_font",
|
||
"id": "LI6oj",
|
||
"name": "mg2r3Chevron",
|
||
"width": 16,
|
||
"height": 16,
|
||
"iconFontName": "chevron-right",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$text-muted"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "6ASa5",
|
||
"name": "Logout Button",
|
||
"width": "fill_container",
|
||
"height": 48,
|
||
"fill": "$loss-red-bg",
|
||
"cornerRadius": "$radius-lg",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1,
|
||
"fill": "#DC262626"
|
||
},
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "RfGX8",
|
||
"name": "logoutText",
|
||
"fill": "$loss-red",
|
||
"content": "退出登录",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "zXe1c",
|
||
"name": "Version Text",
|
||
"fill": "$text-muted",
|
||
"textGrowth": "fixed-width",
|
||
"width": "fill_container",
|
||
"content": "System Build v1.0.0",
|
||
"textAlign": "center",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "8n3Br",
|
||
"name": "Tab Bar Container",
|
||
"width": "fill_container",
|
||
"fill": "$bg-primary",
|
||
"padding": [
|
||
12,
|
||
21,
|
||
21,
|
||
21
|
||
],
|
||
"justifyContent": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "WRuVX",
|
||
"name": "Pill",
|
||
"width": "fill_container",
|
||
"height": 62,
|
||
"fill": "$surface-card",
|
||
"cornerRadius": 36,
|
||
"stroke": {
|
||
"thickness": 1,
|
||
"fill": "$border-default"
|
||
},
|
||
"padding": 4,
|
||
"justifyContent": "space_around",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "j6Oah",
|
||
"name": "Tab 1 - Home",
|
||
"width": "fill_container",
|
||
"height": "fill_container",
|
||
"cornerRadius": 26,
|
||
"layout": "vertical",
|
||
"gap": 4,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "XZZoB",
|
||
"name": "tab1Icon",
|
||
"width": 18,
|
||
"height": 18,
|
||
"iconFontName": "house",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$tab-inactive-text"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "R0ZWR",
|
||
"name": "tab1Label",
|
||
"fill": "$tab-inactive-text",
|
||
"content": "首页",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 10,
|
||
"fontWeight": "600",
|
||
"letterSpacing": 0.5
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "5UBSV",
|
||
"name": "Tab 2 - Market",
|
||
"width": "fill_container",
|
||
"height": "fill_container",
|
||
"cornerRadius": 26,
|
||
"layout": "vertical",
|
||
"gap": 4,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "rXhyG",
|
||
"name": "tab2Icon",
|
||
"width": 18,
|
||
"height": 18,
|
||
"iconFontName": "trending-up",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$tab-inactive-text"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "of96b",
|
||
"name": "tab2Label",
|
||
"fill": "$tab-inactive-text",
|
||
"content": "行情",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 10,
|
||
"fontWeight": "600",
|
||
"letterSpacing": 0.5
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "iepoP",
|
||
"name": "Tab 3 - Trade",
|
||
"width": "fill_container",
|
||
"height": "fill_container",
|
||
"cornerRadius": 26,
|
||
"layout": "vertical",
|
||
"gap": 4,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "1wSRf",
|
||
"name": "tab3Icon",
|
||
"width": 18,
|
||
"height": 18,
|
||
"iconFontName": "arrow-left-right",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$tab-inactive-text"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "Tr9uE",
|
||
"name": "tab3Label",
|
||
"fill": "$tab-inactive-text",
|
||
"content": "交易",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 10,
|
||
"fontWeight": "600",
|
||
"letterSpacing": 0.5
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "m3k6E",
|
||
"name": "Tab 4 - Assets",
|
||
"width": "fill_container",
|
||
"height": "fill_container",
|
||
"cornerRadius": 26,
|
||
"layout": "vertical",
|
||
"gap": 4,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "bmiCa",
|
||
"name": "tab4Icon",
|
||
"width": 18,
|
||
"height": 18,
|
||
"iconFontName": "wallet",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$tab-inactive-text"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "0v7TT",
|
||
"name": "tab4Label",
|
||
"fill": "$tab-inactive-text",
|
||
"content": "资产",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 10,
|
||
"fontWeight": "600",
|
||
"letterSpacing": 0.5
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "WSbHE",
|
||
"name": "Tab 5 - Mine",
|
||
"width": "fill_container",
|
||
"height": "fill_container",
|
||
"fill": "$tab-active-bg",
|
||
"cornerRadius": 26,
|
||
"layout": "vertical",
|
||
"gap": 4,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "zXh5A",
|
||
"name": "tab5Icon",
|
||
"width": 18,
|
||
"height": 18,
|
||
"iconFontName": "user",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$tab-active-text"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "V55sO",
|
||
"name": "tab5Label",
|
||
"fill": "$tab-active-text",
|
||
"content": "我的",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 10,
|
||
"fontWeight": "600",
|
||
"letterSpacing": 0.5
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "zZ7Eo",
|
||
"x": 420,
|
||
"y": 900,
|
||
"name": "Transfer - 划转",
|
||
"theme": {
|
||
"mode": "light"
|
||
},
|
||
"clip": true,
|
||
"width": 390,
|
||
"height": 844,
|
||
"fill": "$bg-primary",
|
||
"layout": "vertical",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "aPMRA",
|
||
"name": "Status Bar",
|
||
"width": "fill_container",
|
||
"height": 62,
|
||
"fill": "$bg-primary",
|
||
"padding": [
|
||
0,
|
||
16
|
||
],
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "lEEVZ",
|
||
"name": "timeText",
|
||
"fill": "$text-primary",
|
||
"content": "9:41",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 15,
|
||
"fontWeight": "600"
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "EhhRl",
|
||
"name": "statusIcons",
|
||
"gap": 6,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "0Clvy",
|
||
"name": "sigIcon",
|
||
"width": 16,
|
||
"height": 16,
|
||
"iconFontName": "signal",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$text-primary"
|
||
},
|
||
{
|
||
"type": "icon_font",
|
||
"id": "jKmTX",
|
||
"name": "wifiIcon",
|
||
"width": 16,
|
||
"height": 16,
|
||
"iconFontName": "wifi",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$text-primary"
|
||
},
|
||
{
|
||
"type": "icon_font",
|
||
"id": "E77Rt",
|
||
"name": "batIcon",
|
||
"width": 22,
|
||
"height": 16,
|
||
"iconFontName": "battery-full",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$text-primary"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "qNNJc",
|
||
"name": "Nav Bar",
|
||
"width": "fill_container",
|
||
"height": 44,
|
||
"fill": "$bg-primary",
|
||
"padding": [
|
||
0,
|
||
16
|
||
],
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "BKVZA",
|
||
"name": "backBtn",
|
||
"width": 20,
|
||
"height": 20,
|
||
"iconFontName": "arrow-left",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$text-primary"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "s1fp5",
|
||
"name": "navTitle",
|
||
"fill": "$text-primary",
|
||
"content": "账户划转",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 16,
|
||
"fontWeight": "600"
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "0hiVv",
|
||
"name": "navSpacer",
|
||
"width": 20,
|
||
"height": 20
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "b521w",
|
||
"name": "Content",
|
||
"width": "fill_container",
|
||
"height": "fill_container",
|
||
"fill": "$bg-secondary",
|
||
"layout": "vertical",
|
||
"gap": 24,
|
||
"padding": [
|
||
16,
|
||
16,
|
||
32,
|
||
16
|
||
],
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "x0pIG",
|
||
"name": "Transfer Direction Card",
|
||
"width": "fill_container",
|
||
"fill": "$surface-card",
|
||
"cornerRadius": "$radius-xl",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1,
|
||
"fill": "$border-default"
|
||
},
|
||
"layout": "vertical",
|
||
"gap": 16,
|
||
"padding": 20,
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "wYxHy",
|
||
"name": "Source Section",
|
||
"width": "fill_container",
|
||
"layout": "vertical",
|
||
"gap": 8,
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "iMtVq",
|
||
"name": "srcLabel",
|
||
"fill": "$text-muted",
|
||
"content": "从",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "normal"
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "d3qNH",
|
||
"name": "Source Row",
|
||
"width": "fill_container",
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "BHtIF",
|
||
"name": "srcLeft",
|
||
"gap": 10,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "ellipse",
|
||
"id": "TIc74",
|
||
"name": "srcIconBg",
|
||
"fill": "#F59E0B1A",
|
||
"width": 36,
|
||
"height": 36
|
||
},
|
||
{
|
||
"type": "icon_font",
|
||
"id": "uBqWK",
|
||
"name": "srcWalletIcon",
|
||
"width": 20,
|
||
"height": 20,
|
||
"iconFontName": "wallet",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$gold-accent"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "76bci",
|
||
"name": "srcName",
|
||
"fill": "$text-primary",
|
||
"content": "资金账户",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 16,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "y1CK9",
|
||
"name": "srcBalance",
|
||
"fill": "$text-primary",
|
||
"content": "¥ 25,680.50",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "UyCpT",
|
||
"name": "Swap Row",
|
||
"width": "fill_container",
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "EUoyW",
|
||
"name": "Swap Button",
|
||
"width": 36,
|
||
"height": 36,
|
||
"fill": "$accent-primary",
|
||
"cornerRadius": 18,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "SJxcm",
|
||
"name": "swapIcon",
|
||
"width": 18,
|
||
"height": 18,
|
||
"iconFontName": "arrow-up-down",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$text-inverse"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "NmXLn",
|
||
"name": "Destination Section",
|
||
"width": "fill_container",
|
||
"layout": "vertical",
|
||
"gap": 8,
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "nusXa",
|
||
"name": "dstLabel",
|
||
"fill": "$text-muted",
|
||
"content": "到",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "normal"
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "lctgc",
|
||
"name": "Dest Row",
|
||
"width": "fill_container",
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "W8p6K",
|
||
"name": "dstLeft",
|
||
"gap": 10,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "ellipse",
|
||
"id": "DTKc8",
|
||
"name": "dstIconBg",
|
||
"fill": "#F59E0B1A",
|
||
"width": 36,
|
||
"height": 36
|
||
},
|
||
{
|
||
"type": "icon_font",
|
||
"id": "mhlfc",
|
||
"name": "dstTradeIcon",
|
||
"width": 20,
|
||
"height": 20,
|
||
"iconFontName": "trending-up",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$gold-accent"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "FzgoS",
|
||
"name": "dstName",
|
||
"fill": "$text-primary",
|
||
"content": "交易账户",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 16,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "uWQdX",
|
||
"name": "dstBalance",
|
||
"fill": "$text-primary",
|
||
"content": "¥ 0.00",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "CKQdb",
|
||
"name": "Amount Section",
|
||
"width": "fill_container",
|
||
"layout": "vertical",
|
||
"gap": 12,
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "9Wsri",
|
||
"name": "amtLabelRow",
|
||
"width": "fill_container",
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "iOSK2",
|
||
"name": "amtLabel",
|
||
"fill": "$text-secondary",
|
||
"content": "划转金额",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "500"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "f8BLd",
|
||
"name": "amtAllBtn",
|
||
"fill": "$gold-accent",
|
||
"content": "全部划转",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "dJfOl",
|
||
"name": "Amount Input",
|
||
"width": "fill_container",
|
||
"height": 56,
|
||
"fill": "$bg-tertiary",
|
||
"cornerRadius": "$radius-lg",
|
||
"padding": [
|
||
0,
|
||
16
|
||
],
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "U7YA4",
|
||
"name": "amtValue",
|
||
"fill": "$text-primary",
|
||
"content": "0.00",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 28,
|
||
"fontWeight": "700"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "ZVdN7",
|
||
"name": "amtSuffix",
|
||
"fill": "$text-muted",
|
||
"content": "USDT",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "YCMzH",
|
||
"name": "Percent Buttons",
|
||
"width": "fill_container",
|
||
"gap": 8,
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "CChhw",
|
||
"name": "pct25",
|
||
"width": "fill_container",
|
||
"height": 36,
|
||
"fill": "$bg-tertiary",
|
||
"cornerRadius": "$radius-sm",
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "uBg6K",
|
||
"name": "pct25T",
|
||
"fill": "$text-secondary",
|
||
"content": "25%",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 13,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "xdzZC",
|
||
"name": "pct50",
|
||
"width": "fill_container",
|
||
"height": 36,
|
||
"fill": "$bg-tertiary",
|
||
"cornerRadius": "$radius-sm",
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "zPq3a",
|
||
"name": "pct50T",
|
||
"fill": "$text-secondary",
|
||
"content": "50%",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 13,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "zhOSe",
|
||
"name": "pct75",
|
||
"width": "fill_container",
|
||
"height": 36,
|
||
"fill": "$bg-tertiary",
|
||
"cornerRadius": "$radius-sm",
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "Ofcz1",
|
||
"name": "pct75T",
|
||
"fill": "$text-secondary",
|
||
"content": "75%",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 13,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "vEMQv",
|
||
"name": "pct100",
|
||
"width": "fill_container",
|
||
"height": 36,
|
||
"fill": "$bg-tertiary",
|
||
"cornerRadius": "$radius-sm",
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "tUi7W",
|
||
"name": "pct100T",
|
||
"fill": "$text-secondary",
|
||
"content": "100%",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 13,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "Bl8g2",
|
||
"name": "Tips Card",
|
||
"width": "fill_container",
|
||
"fill": "$profit-green-bg",
|
||
"cornerRadius": "$radius-lg",
|
||
"gap": 8,
|
||
"padding": [
|
||
12,
|
||
16
|
||
],
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "7ZQZc",
|
||
"name": "tipIcon",
|
||
"width": 16,
|
||
"height": 16,
|
||
"iconFontName": "info",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$profit-green"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "sjoAi",
|
||
"name": "tipText",
|
||
"fill": "$profit-green",
|
||
"content": "划转即时到账，无需手续费",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "t490Z",
|
||
"name": "Confirm Button",
|
||
"width": "fill_container",
|
||
"height": 52,
|
||
"fill": "$accent-primary",
|
||
"cornerRadius": "$radius-lg",
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "lWy0I",
|
||
"name": "confirmText",
|
||
"fill": "$text-inverse",
|
||
"content": "确认划转",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 16,
|
||
"fontWeight": "700"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "OuHL8",
|
||
"x": 420,
|
||
"y": 1784,
|
||
"name": "FundOrders - 充提记录",
|
||
"theme": {
|
||
"mode": "light"
|
||
},
|
||
"reusable": true,
|
||
"clip": true,
|
||
"width": 390,
|
||
"height": 844,
|
||
"fill": "$bg-secondary",
|
||
"layout": "vertical",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "ofiKJ",
|
||
"name": "Status Bar",
|
||
"width": "fill_container",
|
||
"height": 62,
|
||
"fill": "$bg-primary",
|
||
"padding": [
|
||
0,
|
||
24
|
||
],
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "VmB9y",
|
||
"name": "timeText",
|
||
"fill": "$text-primary",
|
||
"content": "9:41",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 15,
|
||
"fontWeight": "600"
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "UwD48",
|
||
"name": "statusIcons",
|
||
"gap": 6,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "nlold",
|
||
"name": "signalIcon",
|
||
"width": 16,
|
||
"height": 16,
|
||
"iconFontName": "signal",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$text-primary"
|
||
},
|
||
{
|
||
"type": "icon_font",
|
||
"id": "eJceI",
|
||
"name": "wifiIcon",
|
||
"width": 16,
|
||
"height": 16,
|
||
"iconFontName": "wifi",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$text-primary"
|
||
},
|
||
{
|
||
"type": "icon_font",
|
||
"id": "Y1js8",
|
||
"name": "batteryIcon",
|
||
"width": 22,
|
||
"height": 16,
|
||
"iconFontName": "battery-full",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$text-primary"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "OWjMF",
|
||
"name": "Nav Bar",
|
||
"width": "fill_container",
|
||
"height": 44,
|
||
"fill": "$bg-primary",
|
||
"padding": [
|
||
0,
|
||
16
|
||
],
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "v5YWq",
|
||
"name": "backIcon",
|
||
"width": 20,
|
||
"height": 20,
|
||
"iconFontName": "arrow-left",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$text-primary"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "FBu03",
|
||
"name": "navTitle",
|
||
"fill": "$text-primary",
|
||
"content": "充提记录",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 16,
|
||
"fontWeight": "600"
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "aj8bo",
|
||
"name": "navSpacer",
|
||
"width": 20,
|
||
"height": 20
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "DeTId",
|
||
"name": "Content",
|
||
"clip": true,
|
||
"width": "fill_container",
|
||
"height": "fill_container",
|
||
"fill": "$bg-secondary",
|
||
"layout": "vertical",
|
||
"gap": 16,
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "cIyVv",
|
||
"name": "Filter Padding",
|
||
"width": "fill_container",
|
||
"layout": "vertical",
|
||
"padding": [
|
||
0,
|
||
16
|
||
],
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "PNZSr",
|
||
"name": "Filter Tabs",
|
||
"width": "fill_container",
|
||
"height": 40,
|
||
"fill": "$bg-tertiary",
|
||
"cornerRadius": "$radius-md",
|
||
"padding": 3,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "MioCX",
|
||
"name": "Tab-Active",
|
||
"width": "fill_container",
|
||
"height": "fill_container",
|
||
"fill": "$bg-primary",
|
||
"cornerRadius": "$radius-sm",
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "SsWFJ",
|
||
"name": "tabAllText",
|
||
"fill": "$text-primary",
|
||
"content": "全部",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "hfcnO",
|
||
"name": "Tab-Inactive",
|
||
"width": "fill_container",
|
||
"height": "fill_container",
|
||
"fill": "#00000000",
|
||
"cornerRadius": "$radius-sm",
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "pAJmy",
|
||
"name": "tabDepositText",
|
||
"fill": "$text-secondary",
|
||
"content": "充值",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "iwXLD",
|
||
"name": "Tab-Inactive",
|
||
"width": "fill_container",
|
||
"height": "fill_container",
|
||
"fill": "#00000000",
|
||
"cornerRadius": "$radius-sm",
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "UGNtf",
|
||
"name": "tabWithdrawText",
|
||
"fill": "$text-secondary",
|
||
"content": "提现",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "fQMcP",
|
||
"name": "Scroll Area",
|
||
"clip": true,
|
||
"width": "fill_container",
|
||
"height": "fill_container",
|
||
"layout": "vertical",
|
||
"gap": 12,
|
||
"padding": [
|
||
0,
|
||
16,
|
||
32,
|
||
16
|
||
],
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "0ceOa",
|
||
"name": "Order Card 1 - Deposit Pending",
|
||
"width": "fill_container",
|
||
"fill": "$surface-card",
|
||
"cornerRadius": "$radius-lg",
|
||
"stroke": {
|
||
"thickness": 1,
|
||
"fill": "$border-default"
|
||
},
|
||
"layout": "vertical",
|
||
"gap": 12,
|
||
"padding": 16,
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "iQ7IO",
|
||
"name": "Header",
|
||
"width": "fill_container",
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "4gSqI",
|
||
"name": "c1Badge1",
|
||
"fill": "$profit-green-bg",
|
||
"cornerRadius": 4,
|
||
"padding": [
|
||
4,
|
||
8
|
||
],
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "5qiTD",
|
||
"name": "c1Badge1Text",
|
||
"fill": "$profit-green",
|
||
"content": "充值",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "Dn4s3",
|
||
"name": "c1Badge2",
|
||
"fill": "#FEF3C7",
|
||
"cornerRadius": 4,
|
||
"padding": [
|
||
4,
|
||
8
|
||
],
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "PYMLq",
|
||
"name": "c1Badge2Text",
|
||
"fill": "#D97706",
|
||
"content": "待确认",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "qOH7Z",
|
||
"name": "card1Amount",
|
||
"fill": "$text-primary",
|
||
"content": "+5,000.00 USDT",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 18,
|
||
"fontWeight": "700"
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "6vkr3",
|
||
"name": "Details",
|
||
"width": "fill_container",
|
||
"layout": "vertical",
|
||
"gap": 6,
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "kYTHm",
|
||
"name": "c1Row1",
|
||
"width": "fill_container",
|
||
"justifyContent": "space_between",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "erqtu",
|
||
"name": "c1Row1Label",
|
||
"fill": "$text-muted",
|
||
"content": "订单号",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "normal"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "2OsJq",
|
||
"name": "c1Row1Value",
|
||
"fill": "$text-primary",
|
||
"content": "ORD20250101001",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "gIMGv",
|
||
"name": "c1Row2",
|
||
"width": "fill_container",
|
||
"justifyContent": "space_between",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "Hr97A",
|
||
"name": "c1Row2Label",
|
||
"fill": "$text-muted",
|
||
"content": "网络",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "normal"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "6t7CT",
|
||
"name": "c1Row2Value",
|
||
"fill": "$text-primary",
|
||
"content": "TRC20",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "gDJXn",
|
||
"name": "c1Row3",
|
||
"width": "fill_container",
|
||
"justifyContent": "space_between",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "Ybo5o",
|
||
"name": "c1Row3Label",
|
||
"fill": "$text-muted",
|
||
"content": "时间",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "normal"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "Moq1b",
|
||
"name": "c1Row3Value",
|
||
"fill": "$text-primary",
|
||
"content": "2025-01-15 14:30",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "cozrF",
|
||
"name": "Actions",
|
||
"width": "fill_container",
|
||
"gap": 12,
|
||
"justifyContent": "end",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "bGsxC",
|
||
"name": "c1BtnCancel",
|
||
"cornerRadius": "$radius-sm",
|
||
"stroke": {
|
||
"thickness": 1,
|
||
"fill": "$loss-red"
|
||
},
|
||
"padding": [
|
||
8,
|
||
16
|
||
],
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "jS64W",
|
||
"name": "c1BtnCancelText",
|
||
"fill": "$loss-red",
|
||
"content": "取消订单",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 13,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "YRDSl",
|
||
"name": "c1BtnPaid",
|
||
"fill": "$profit-green",
|
||
"cornerRadius": "$radius-sm",
|
||
"padding": [
|
||
8,
|
||
16
|
||
],
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "rHHDc",
|
||
"name": "c1BtnPaidText",
|
||
"fill": "#FFFFFF",
|
||
"content": "已打款",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 13,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "dgJWv",
|
||
"name": "Order Card 2 - Deposit Completed",
|
||
"width": "fill_container",
|
||
"fill": "$surface-card",
|
||
"cornerRadius": "$radius-lg",
|
||
"stroke": {
|
||
"thickness": 1,
|
||
"fill": "$border-default"
|
||
},
|
||
"layout": "vertical",
|
||
"gap": 12,
|
||
"padding": 16,
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "Eljps",
|
||
"name": "c2Header",
|
||
"width": "fill_container",
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "rUQuu",
|
||
"name": "c2Badge1",
|
||
"fill": "$profit-green-bg",
|
||
"cornerRadius": 4,
|
||
"padding": [
|
||
4,
|
||
8
|
||
],
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "oZG5s",
|
||
"name": "c2Badge1Text",
|
||
"fill": "$profit-green",
|
||
"content": "充值",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "nPe6N",
|
||
"name": "c2Badge2",
|
||
"fill": "$profit-green-bg",
|
||
"cornerRadius": 4,
|
||
"padding": [
|
||
4,
|
||
8
|
||
],
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "ls5OX",
|
||
"name": "c2Badge2Text",
|
||
"fill": "$profit-green",
|
||
"content": "已完成",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "4UCtZ",
|
||
"name": "c2Amount",
|
||
"fill": "$text-primary",
|
||
"content": "+10,000.00 USDT",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 18,
|
||
"fontWeight": "700"
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "AH6My",
|
||
"name": "c2Details",
|
||
"width": "fill_container",
|
||
"layout": "vertical",
|
||
"gap": 6,
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "MBVnm",
|
||
"name": "c2Row1",
|
||
"width": "fill_container",
|
||
"justifyContent": "space_between",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "xXA5t",
|
||
"name": "c2Row1L",
|
||
"fill": "$text-muted",
|
||
"content": "订单号",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "normal"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "4t6Lz",
|
||
"name": "c2Row1V",
|
||
"fill": "$text-primary",
|
||
"content": "ORD20250102002",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "zdesT",
|
||
"name": "c2Row2",
|
||
"width": "fill_container",
|
||
"justifyContent": "space_between",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "WxdSE",
|
||
"name": "c2Row2L",
|
||
"fill": "$text-muted",
|
||
"content": "网络",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "normal"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "yfBjo",
|
||
"name": "c2Row2V",
|
||
"fill": "$text-primary",
|
||
"content": "ERC20",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "3hgf3",
|
||
"name": "c2Row3",
|
||
"width": "fill_container",
|
||
"justifyContent": "space_between",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "oBA5N",
|
||
"name": "c2Row3L",
|
||
"fill": "$text-muted",
|
||
"content": "时间",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "normal"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "JY5xu",
|
||
"name": "c2Row3V",
|
||
"fill": "$text-primary",
|
||
"content": "2025-01-10 09:15",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "c2S3r",
|
||
"name": "Order Card 3 - Withdrawal Rejected",
|
||
"width": "fill_container",
|
||
"fill": "$surface-card",
|
||
"cornerRadius": "$radius-lg",
|
||
"stroke": {
|
||
"thickness": 1,
|
||
"fill": "$border-default"
|
||
},
|
||
"layout": "vertical",
|
||
"gap": 12,
|
||
"padding": 16,
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "H8N4b",
|
||
"name": "c3Header",
|
||
"width": "fill_container",
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "VeEeQ",
|
||
"name": "c3Badge1",
|
||
"fill": "$loss-red-bg",
|
||
"cornerRadius": 4,
|
||
"padding": [
|
||
4,
|
||
8
|
||
],
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "aXxcg",
|
||
"name": "c3Badge1Text",
|
||
"fill": "$loss-red",
|
||
"content": "提现",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "NZlkx",
|
||
"name": "c3Badge2",
|
||
"fill": "$loss-red-bg",
|
||
"cornerRadius": 4,
|
||
"padding": [
|
||
4,
|
||
8
|
||
],
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "BVB0K",
|
||
"name": "c3Badge2Text",
|
||
"fill": "$loss-red",
|
||
"content": "已拒绝",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "9Dc0z",
|
||
"name": "c3Amount",
|
||
"fill": "$text-primary",
|
||
"content": "-2,000.00 USDT",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 18,
|
||
"fontWeight": "700"
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "83NPE",
|
||
"name": "c3Details",
|
||
"width": "fill_container",
|
||
"layout": "vertical",
|
||
"gap": 6,
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "QDEB9",
|
||
"name": "c3Row1",
|
||
"width": "fill_container",
|
||
"justifyContent": "space_between",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "S856r",
|
||
"name": "c3Row1L",
|
||
"fill": "$text-muted",
|
||
"content": "订单号",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "normal"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "uyCy8",
|
||
"name": "c3Row1V",
|
||
"fill": "$text-primary",
|
||
"content": "ORD20250103003",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "aEF90",
|
||
"name": "c3Row2",
|
||
"width": "fill_container",
|
||
"justifyContent": "space_between",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "q17rz",
|
||
"name": "c3Row2L",
|
||
"fill": "$text-muted",
|
||
"content": "网络",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "normal"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "EDQGF",
|
||
"name": "c3Row2V",
|
||
"fill": "$text-primary",
|
||
"content": "TRC20",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "k9P0H",
|
||
"name": "c3Row3",
|
||
"width": "fill_container",
|
||
"justifyContent": "space_between",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "BmZTs",
|
||
"name": "c3Row3L",
|
||
"fill": "$text-muted",
|
||
"content": "时间",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "normal"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "mEt26",
|
||
"name": "c3Row3V",
|
||
"fill": "$text-primary",
|
||
"content": "2025-01-08 16:45",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "PfWw6",
|
||
"name": "c3Reason",
|
||
"fill": "$loss-red",
|
||
"content": "拒绝原因: 余额不足",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "GrLSl",
|
||
"name": "Order Card 4 - Withdrawal Processing",
|
||
"width": "fill_container",
|
||
"fill": "$surface-card",
|
||
"cornerRadius": "$radius-lg",
|
||
"stroke": {
|
||
"thickness": 1,
|
||
"fill": "$border-default"
|
||
},
|
||
"layout": "vertical",
|
||
"gap": 12,
|
||
"padding": 16,
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "7QHk6",
|
||
"name": "c4Header",
|
||
"width": "fill_container",
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "4Q7fY",
|
||
"name": "c4Badge1",
|
||
"fill": "$loss-red-bg",
|
||
"cornerRadius": 4,
|
||
"padding": [
|
||
4,
|
||
8
|
||
],
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "E368B",
|
||
"name": "c4Badge1Text",
|
||
"fill": "$loss-red",
|
||
"content": "提现",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "5urSC",
|
||
"name": "c4Badge2",
|
||
"fill": "#FEF3C7",
|
||
"cornerRadius": 4,
|
||
"padding": [
|
||
4,
|
||
8
|
||
],
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "LE9Ee",
|
||
"name": "c4Badge2Text",
|
||
"fill": "#D97706",
|
||
"content": "审核中",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "z9JFV",
|
||
"name": "c4Amount",
|
||
"fill": "$text-primary",
|
||
"content": "-3,500.00 USDT",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 18,
|
||
"fontWeight": "700"
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "HoGHY",
|
||
"name": "c4Details",
|
||
"width": "fill_container",
|
||
"layout": "vertical",
|
||
"gap": 6,
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "5UOJq",
|
||
"name": "c4Row1",
|
||
"width": "fill_container",
|
||
"justifyContent": "space_between",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "tl90B",
|
||
"name": "c4Row1L",
|
||
"fill": "$text-muted",
|
||
"content": "订单号",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "normal"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "BCxw2",
|
||
"name": "c4Row1V",
|
||
"fill": "$text-primary",
|
||
"content": "ORD20250104004",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "EcECo",
|
||
"name": "c4Row2",
|
||
"width": "fill_container",
|
||
"justifyContent": "space_between",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "jzD36",
|
||
"name": "c4Row2L",
|
||
"fill": "$text-muted",
|
||
"content": "网络",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "normal"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "b4rkF",
|
||
"name": "c4Row2V",
|
||
"fill": "$text-primary",
|
||
"content": "TRC20",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "joN9L",
|
||
"name": "c4Row3",
|
||
"width": "fill_container",
|
||
"justifyContent": "space_between",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "aNOTL",
|
||
"name": "c4Row3L",
|
||
"fill": "$text-muted",
|
||
"content": "地址",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "normal"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "zxpQr",
|
||
"name": "c4Row3V",
|
||
"fill": "$text-primary",
|
||
"content": "TJjK...x9m2",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "tPKpq",
|
||
"name": "c4Row4",
|
||
"width": "fill_container",
|
||
"justifyContent": "space_between",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "B1yhj",
|
||
"name": "c4Row4L",
|
||
"fill": "$text-muted",
|
||
"content": "手续费",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "normal"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "MqodB",
|
||
"name": "c4Row4V",
|
||
"fill": "$text-primary",
|
||
"content": "10%",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "d0984",
|
||
"name": "c4Row5",
|
||
"width": "fill_container",
|
||
"justifyContent": "space_between",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "iV4OX",
|
||
"name": "c4Row5L",
|
||
"fill": "$text-muted",
|
||
"content": "时间",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "normal"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "5XKng",
|
||
"name": "c4Row5V",
|
||
"fill": "$text-primary",
|
||
"content": "2025-01-12 11:20",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "jQRIa",
|
||
"name": "c4Payable",
|
||
"width": "fill_container",
|
||
"fill": "$bg-tertiary",
|
||
"cornerRadius": "$radius-sm",
|
||
"padding": [
|
||
8,
|
||
12
|
||
],
|
||
"justifyContent": "space_between",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "gfJ6W",
|
||
"name": "c4PayableL",
|
||
"fill": "$text-secondary",
|
||
"content": "应付金额",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 13,
|
||
"fontWeight": "500"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "76xmx",
|
||
"name": "c4PayableV",
|
||
"fill": "$text-primary",
|
||
"content": "3,150.00 USDT",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 13,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "Q3Y0V",
|
||
"x": 1260,
|
||
"y": 900,
|
||
"name": "Welfare - 福利中心",
|
||
"theme": {
|
||
"mode": "light"
|
||
},
|
||
"clip": true,
|
||
"width": 390,
|
||
"height": 844,
|
||
"fill": "$bg-secondary",
|
||
"layout": "vertical",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "wljX4",
|
||
"name": "Status Bar",
|
||
"width": "fill_container",
|
||
"height": 62,
|
||
"fill": "$bg-primary",
|
||
"padding": [
|
||
0,
|
||
24
|
||
],
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "bMzFN",
|
||
"name": "timeLabel",
|
||
"fill": "$text-primary",
|
||
"content": "9:41",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 15,
|
||
"fontWeight": "600"
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "qAWJh",
|
||
"name": "statusIcons",
|
||
"gap": 6,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "G104X",
|
||
"name": "signal",
|
||
"width": 16,
|
||
"height": 16,
|
||
"iconFontName": "signal",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$text-primary"
|
||
},
|
||
{
|
||
"type": "icon_font",
|
||
"id": "I7Pey",
|
||
"name": "wifi",
|
||
"width": 16,
|
||
"height": 16,
|
||
"iconFontName": "wifi",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$text-primary"
|
||
},
|
||
{
|
||
"type": "icon_font",
|
||
"id": "M52YI",
|
||
"name": "battery",
|
||
"width": 22,
|
||
"height": 16,
|
||
"iconFontName": "battery-full",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$text-primary"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "hllhy",
|
||
"name": "Nav Bar",
|
||
"width": "fill_container",
|
||
"height": 44,
|
||
"fill": "$bg-primary",
|
||
"gap": 12,
|
||
"padding": [
|
||
0,
|
||
16
|
||
],
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "nKd2J",
|
||
"name": "backIcon",
|
||
"width": 24,
|
||
"height": 24,
|
||
"iconFontName": "arrow-left",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$text-primary"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "9mjCX",
|
||
"name": "navTitle",
|
||
"fill": "$text-primary",
|
||
"content": "福利中心",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 17,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "GrT3F",
|
||
"name": "Content",
|
||
"clip": true,
|
||
"width": "fill_container",
|
||
"height": "fill_container",
|
||
"layout": "vertical",
|
||
"gap": 16,
|
||
"padding": [
|
||
0,
|
||
16,
|
||
32,
|
||
16
|
||
],
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "wvnk8",
|
||
"name": "Referral Code Card",
|
||
"width": "fill_container",
|
||
"fill": {
|
||
"type": "gradient",
|
||
"gradientType": "linear",
|
||
"enabled": true,
|
||
"rotation": 180,
|
||
"size": {
|
||
"height": 1
|
||
},
|
||
"colors": [
|
||
{
|
||
"color": "#F59E0B26",
|
||
"position": 0
|
||
},
|
||
{
|
||
"color": "#1F29370D",
|
||
"position": 1
|
||
}
|
||
]
|
||
},
|
||
"cornerRadius": "$radius-xl",
|
||
"stroke": {
|
||
"thickness": 1,
|
||
"fill": "#F59E0B4D"
|
||
},
|
||
"layout": "vertical",
|
||
"gap": 16,
|
||
"padding": 24,
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "QB4Dc",
|
||
"name": "Header Row",
|
||
"width": "fill_container",
|
||
"gap": 10,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "zQONr",
|
||
"name": "giftIcon",
|
||
"width": 24,
|
||
"height": 24,
|
||
"iconFontName": "gift",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$gold-accent"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "AoWK9",
|
||
"name": "headerTitle",
|
||
"fill": "$text-primary",
|
||
"content": "我的邀请码",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 16,
|
||
"fontWeight": "700"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "8INL2",
|
||
"name": "refCode",
|
||
"fill": "$gold-accent",
|
||
"content": "MONI-8K3F2X",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 24,
|
||
"fontWeight": "800",
|
||
"letterSpacing": 2
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "gYPDO",
|
||
"name": "Copy Button",
|
||
"width": "fill_container",
|
||
"height": 40,
|
||
"fill": "$gold-accent",
|
||
"cornerRadius": "$radius-lg",
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "zuhiM",
|
||
"name": "copyBtnText",
|
||
"fill": "$text-inverse",
|
||
"content": "复制邀请码",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "lexCP",
|
||
"name": "New User Bonus Card",
|
||
"width": "fill_container",
|
||
"fill": "$surface-card",
|
||
"cornerRadius": "$radius-lg",
|
||
"stroke": {
|
||
"thickness": 1,
|
||
"fill": "$border-default"
|
||
},
|
||
"layout": "vertical",
|
||
"gap": 12,
|
||
"padding": 20,
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "rRllw",
|
||
"name": "Bonus Header",
|
||
"width": "fill_container",
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "XBfAO",
|
||
"name": "bonusTitle",
|
||
"fill": "$text-primary",
|
||
"content": "新人福利",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 16,
|
||
"fontWeight": "700"
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "nF1hM",
|
||
"name": "Available Badge",
|
||
"fill": "$profit-green-bg",
|
||
"cornerRadius": "$radius-sm",
|
||
"padding": [
|
||
4,
|
||
10
|
||
],
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "urm2b",
|
||
"name": "badgeText",
|
||
"fill": "$profit-green",
|
||
"content": "可领取",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "QCzBx",
|
||
"name": "amountText",
|
||
"fill": "$profit-green",
|
||
"content": "+100 USDT",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 28,
|
||
"fontWeight": "800"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "U0cDO",
|
||
"name": "descText",
|
||
"fill": "$text-secondary",
|
||
"content": "完成首次充值即可领取",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 13,
|
||
"fontWeight": "normal"
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "jSSvV",
|
||
"name": "Claim Button",
|
||
"width": "fill_container",
|
||
"height": 44,
|
||
"fill": "$profit-green",
|
||
"cornerRadius": "$radius-lg",
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "mibsS",
|
||
"name": "claimBtnText",
|
||
"fill": "$text-inverse",
|
||
"content": "立即领取",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "700"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "mddKH",
|
||
"name": "Referral Rewards Section",
|
||
"width": "fill_container",
|
||
"layout": "vertical",
|
||
"gap": 12,
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "pdXR9",
|
||
"name": "Section Header",
|
||
"width": "fill_container",
|
||
"layout": "vertical",
|
||
"gap": 4,
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "dXRDL",
|
||
"name": "secTitle",
|
||
"fill": "$text-primary",
|
||
"content": "推广奖励",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 16,
|
||
"fontWeight": "600"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "HrdAz",
|
||
"name": "secDesc",
|
||
"fill": "$text-muted",
|
||
"content": "每邀请一位好友充值达标，奖励100 USDT",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "FDmQu",
|
||
"name": "Referral List Card",
|
||
"width": "fill_container",
|
||
"fill": "$surface-card",
|
||
"cornerRadius": "$radius-lg",
|
||
"stroke": {
|
||
"thickness": 1,
|
||
"fill": "$border-default"
|
||
},
|
||
"layout": "vertical",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "Ovodm",
|
||
"name": "Row 1 - Achieved",
|
||
"width": "fill_container",
|
||
"layout": "vertical",
|
||
"gap": 10,
|
||
"padding": 16,
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "PvBYZ",
|
||
"name": "Row1 Top",
|
||
"width": "fill_container",
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "Edv8O",
|
||
"name": "Row1 Left",
|
||
"gap": 10,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "ellipse",
|
||
"id": "pa7fg",
|
||
"name": "avatar1",
|
||
"fill": "$accent-light",
|
||
"width": 32,
|
||
"height": 32
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "mu0jm",
|
||
"name": "name1",
|
||
"fill": "$text-primary",
|
||
"content": "user_abc",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 13,
|
||
"fontWeight": "500"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "13st1",
|
||
"name": "deposit1",
|
||
"fill": "$text-secondary",
|
||
"content": "充值: ¥5,000",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "cgDsh",
|
||
"name": "Claim Small",
|
||
"fill": "$profit-green-bg",
|
||
"cornerRadius": "$radius-sm",
|
||
"padding": [
|
||
6,
|
||
14
|
||
],
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "tIglK",
|
||
"name": "claimSmallText",
|
||
"fill": "$profit-green",
|
||
"content": "领取",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "Bdng6",
|
||
"name": "Progress 1",
|
||
"width": "fill_container",
|
||
"height": 6,
|
||
"fill": "$bg-tertiary",
|
||
"cornerRadius": 3,
|
||
"children": [
|
||
{
|
||
"type": "rectangle",
|
||
"cornerRadius": 3,
|
||
"id": "l2OzF",
|
||
"name": "fill",
|
||
"fill": "$profit-green",
|
||
"width": "fill_container",
|
||
"height": 6
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "rectangle",
|
||
"id": "E38xk",
|
||
"name": "Divider 1",
|
||
"opacity": 0.5,
|
||
"fill": "$border-default",
|
||
"width": "fill_container",
|
||
"height": 1
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "tT0rZ",
|
||
"name": "Row 2 - In Progress",
|
||
"width": "fill_container",
|
||
"layout": "vertical",
|
||
"gap": 10,
|
||
"padding": 16,
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "rr96b",
|
||
"name": "Row2 Top",
|
||
"width": "fill_container",
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "lVEef",
|
||
"name": "Row2 Left",
|
||
"gap": 10,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "ellipse",
|
||
"id": "PTbiS",
|
||
"name": "avatar2",
|
||
"fill": "$accent-light",
|
||
"width": 32,
|
||
"height": 32
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "yLSZF",
|
||
"name": "name2",
|
||
"fill": "$text-primary",
|
||
"content": "user_def",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 13,
|
||
"fontWeight": "500"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "A4CKf",
|
||
"name": "deposit2",
|
||
"fill": "$text-secondary",
|
||
"content": "充值: ¥1,200",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "CemFu",
|
||
"name": "Progress Badge",
|
||
"fill": "#FEF3C7",
|
||
"cornerRadius": "$radius-sm",
|
||
"padding": [
|
||
6,
|
||
14
|
||
],
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "a5jXl",
|
||
"name": "progressBadgeText",
|
||
"fill": "#D97706",
|
||
"content": "进行中",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "FH2iK",
|
||
"name": "Progress 2",
|
||
"width": "fill_container",
|
||
"height": 6,
|
||
"fill": "$bg-tertiary",
|
||
"cornerRadius": 3,
|
||
"children": [
|
||
{
|
||
"type": "rectangle",
|
||
"cornerRadius": 3,
|
||
"id": "vKLth",
|
||
"name": "fill",
|
||
"fill": "$gold-accent",
|
||
"width": 52,
|
||
"height": 6
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "rectangle",
|
||
"id": "OGjAO",
|
||
"name": "Divider 2",
|
||
"opacity": 0.5,
|
||
"fill": "$border-default",
|
||
"width": "fill_container",
|
||
"height": 1
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "GVLIs",
|
||
"name": "Row 3 - New",
|
||
"width": "fill_container",
|
||
"layout": "vertical",
|
||
"gap": 10,
|
||
"padding": 16,
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "Cy7ty",
|
||
"name": "Row3 Top",
|
||
"width": "fill_container",
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "v3yUP",
|
||
"name": "Row3 Left",
|
||
"gap": 10,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "ellipse",
|
||
"id": "OCUTU",
|
||
"name": "avatar3",
|
||
"fill": "$accent-light",
|
||
"width": 32,
|
||
"height": 32
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "TZxRR",
|
||
"name": "name3",
|
||
"fill": "$text-primary",
|
||
"content": "user_ghi",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 13,
|
||
"fontWeight": "500"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "C74Jx",
|
||
"name": "deposit3",
|
||
"fill": "$text-secondary",
|
||
"content": "充值: ¥0",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "br1Jx",
|
||
"name": "pendingText",
|
||
"fill": "$text-muted",
|
||
"content": "待达标",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "2XD9g",
|
||
"name": "Progress 3",
|
||
"width": "fill_container",
|
||
"height": 6,
|
||
"fill": "$bg-tertiary",
|
||
"cornerRadius": 3
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "jgboa",
|
||
"name": "Rules Card",
|
||
"width": "fill_container",
|
||
"fill": "$bg-tertiary",
|
||
"cornerRadius": "$radius-lg",
|
||
"layout": "vertical",
|
||
"gap": 8,
|
||
"padding": [
|
||
16,
|
||
20
|
||
],
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "C3zQG",
|
||
"name": "rulesTitle",
|
||
"fill": "$text-primary",
|
||
"content": "奖励规则",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 13,
|
||
"fontWeight": "600"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "RvjD8",
|
||
"name": "rule1",
|
||
"fill": "$text-secondary",
|
||
"textGrowth": "fixed-width",
|
||
"width": "fill_container",
|
||
"content": "• 新用户注册完成实名认证奖励 100 USDT",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "normal"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "uWTo4",
|
||
"name": "rule2",
|
||
"fill": "$text-secondary",
|
||
"textGrowth": "fixed-width",
|
||
"width": "fill_container",
|
||
"content": "• 邀请好友充值每达 1000 USDT，双方各获得 100 USDT",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "normal"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "LWUte",
|
||
"name": "rule3",
|
||
"fill": "$text-secondary",
|
||
"textGrowth": "fixed-width",
|
||
"width": "fill_container",
|
||
"content": "• 奖励直接发放至资金账户",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "aJw0d",
|
||
"x": 0,
|
||
"y": 1800,
|
||
"name": "Login - 登录",
|
||
"theme": {
|
||
"mode": "light"
|
||
},
|
||
"clip": true,
|
||
"width": 390,
|
||
"height": 844,
|
||
"fill": "$bg-secondary",
|
||
"layout": "vertical",
|
||
"gap": 48,
|
||
"padding": [
|
||
100,
|
||
32,
|
||
40,
|
||
32
|
||
],
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "967mH",
|
||
"name": "spacer_top",
|
||
"width": "fill_container",
|
||
"height": 100,
|
||
"layout": "vertical"
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "KBusV",
|
||
"name": "brand_section",
|
||
"layout": "vertical",
|
||
"gap": 16,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "dRbZm",
|
||
"name": "brand_mark",
|
||
"width": 80,
|
||
"height": 80,
|
||
"layout": "none",
|
||
"children": [
|
||
{
|
||
"type": "ellipse",
|
||
"id": "Onjps",
|
||
"x": 0,
|
||
"y": 0,
|
||
"name": "logo_ellipse",
|
||
"fill": {
|
||
"type": "gradient",
|
||
"gradientType": "linear",
|
||
"enabled": true,
|
||
"rotation": 180,
|
||
"size": {
|
||
"height": 1
|
||
},
|
||
"colors": [
|
||
{
|
||
"color": "#1F2937",
|
||
"position": 0
|
||
},
|
||
{
|
||
"color": "#374151",
|
||
"position": 1
|
||
}
|
||
]
|
||
},
|
||
"width": 80,
|
||
"height": 80
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "tveOR",
|
||
"x": 28,
|
||
"y": 22,
|
||
"name": "logo_letter",
|
||
"fill": "$text-inverse",
|
||
"content": "M",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 32,
|
||
"fontWeight": "800"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "x1sC8",
|
||
"name": "brand_name",
|
||
"fill": "$text-primary",
|
||
"content": "MONISUO",
|
||
"textAlign": "center",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 28,
|
||
"fontWeight": "800",
|
||
"letterSpacing": 3
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "g12RF",
|
||
"name": "tagline",
|
||
"fill": "$text-secondary",
|
||
"content": "虚拟货币模拟交易平台",
|
||
"textAlign": "center",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 13,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "k3MhR",
|
||
"name": "gap_frame",
|
||
"width": "fill_container",
|
||
"height": 48,
|
||
"layout": "vertical"
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "akrEM",
|
||
"name": "form_section",
|
||
"width": "fill_container",
|
||
"layout": "vertical",
|
||
"gap": 16,
|
||
"padding": [
|
||
0,
|
||
32
|
||
],
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "9siyO",
|
||
"name": "username_input",
|
||
"width": "fill_container",
|
||
"height": 52,
|
||
"fill": "$surface-card",
|
||
"cornerRadius": "$radius-lg",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1,
|
||
"fill": "$border-default"
|
||
},
|
||
"gap": 8,
|
||
"padding": [
|
||
0,
|
||
16
|
||
],
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "vQMYo",
|
||
"name": "user_icon",
|
||
"width": 18,
|
||
"height": 18,
|
||
"iconFontName": "user",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$text-muted"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "C7iPH",
|
||
"name": "username_placeholder",
|
||
"fill": "$text-muted",
|
||
"content": "请输入用户名",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "Wx76c",
|
||
"name": "password_input",
|
||
"width": "fill_container",
|
||
"height": 52,
|
||
"fill": "$surface-card",
|
||
"cornerRadius": "$radius-lg",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1,
|
||
"fill": "$border-default"
|
||
},
|
||
"gap": 8,
|
||
"padding": [
|
||
0,
|
||
16
|
||
],
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "9MJWO",
|
||
"name": "lock_icon",
|
||
"width": 18,
|
||
"height": 18,
|
||
"iconFontName": "lock",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$text-muted"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "iXGjW",
|
||
"name": "password_placeholder",
|
||
"fill": "$text-muted",
|
||
"content": "请输入密码",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "normal"
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "reJdM",
|
||
"name": "password_spacer",
|
||
"width": "fill_container",
|
||
"height": "fit_content(0)"
|
||
},
|
||
{
|
||
"type": "icon_font",
|
||
"id": "Rk7hO",
|
||
"name": "eye_icon",
|
||
"width": 18,
|
||
"height": 18,
|
||
"iconFontName": "eye-off",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$text-muted"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "ZniLT",
|
||
"name": "btn_gap",
|
||
"width": "fill_container",
|
||
"height": 8,
|
||
"layout": "vertical"
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "As0gi",
|
||
"name": "login_btn",
|
||
"width": "fill_container",
|
||
"height": 52,
|
||
"fill": "$accent-primary",
|
||
"cornerRadius": "$radius-lg",
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "pOAW2",
|
||
"name": "login_btn_text",
|
||
"fill": "$text-inverse",
|
||
"content": "登录",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 16,
|
||
"fontWeight": "700"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "PGjjk",
|
||
"name": "bottom_spacer",
|
||
"width": "fill_container",
|
||
"height": "fit_content(0)",
|
||
"fill": "#00000000",
|
||
"layout": "vertical"
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "3Udq4",
|
||
"name": "bottom_section",
|
||
"width": "fill_container",
|
||
"gap": 4,
|
||
"padding": [
|
||
0,
|
||
0,
|
||
40,
|
||
0
|
||
],
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "xcWvl",
|
||
"name": "no_account_text",
|
||
"fill": "$text-secondary",
|
||
"content": "还没有账户？",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 13,
|
||
"fontWeight": "normal"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "m9irK",
|
||
"name": "register_link",
|
||
"fill": "$gold-accent",
|
||
"content": "立即注册",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 13,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "3ROpQ",
|
||
"name": "Brand",
|
||
"layout": "vertical",
|
||
"gap": 16,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "QOmwS",
|
||
"name": "logoCircle",
|
||
"width": 80,
|
||
"height": 80,
|
||
"fill": {
|
||
"type": "gradient",
|
||
"gradientType": "linear",
|
||
"enabled": true,
|
||
"rotation": 0,
|
||
"size": {
|
||
"height": 1
|
||
},
|
||
"colors": [
|
||
{
|
||
"color": "#1F2937",
|
||
"position": 0
|
||
},
|
||
{
|
||
"color": "#374151",
|
||
"position": 1
|
||
}
|
||
]
|
||
},
|
||
"cornerRadius": 40,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "Bhnw7",
|
||
"name": "logoText",
|
||
"fill": "#FFFFFF",
|
||
"content": "M",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 32,
|
||
"fontWeight": "800"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "9oQ5q",
|
||
"name": "brandName",
|
||
"fill": "$text-primary",
|
||
"content": "MONISUO",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 28,
|
||
"fontWeight": "800",
|
||
"letterSpacing": 3
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "hxBwV",
|
||
"name": "tagline",
|
||
"fill": "$text-secondary",
|
||
"content": "虚拟货币模拟交易平台",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 13,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "OwWxd",
|
||
"name": "Form",
|
||
"width": "fill_container",
|
||
"layout": "vertical",
|
||
"gap": 16,
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "hauaW",
|
||
"name": "UserInput",
|
||
"width": "fill_container",
|
||
"height": 52,
|
||
"fill": "$surface-card",
|
||
"cornerRadius": "$radius-lg",
|
||
"stroke": {
|
||
"thickness": 1,
|
||
"fill": "$border-default"
|
||
},
|
||
"gap": 8,
|
||
"padding": [
|
||
0,
|
||
16
|
||
],
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "3byQP",
|
||
"name": "userIcon",
|
||
"width": 18,
|
||
"height": 18,
|
||
"iconFontName": "user",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$text-muted"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "irrck",
|
||
"name": "userPlaceholder",
|
||
"fill": "$text-muted",
|
||
"content": "请输入用户名",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "LUlEC",
|
||
"name": "PwdInput",
|
||
"width": "fill_container",
|
||
"height": 52,
|
||
"fill": "$surface-card",
|
||
"cornerRadius": "$radius-lg",
|
||
"stroke": {
|
||
"thickness": 1,
|
||
"fill": "$border-default"
|
||
},
|
||
"padding": [
|
||
0,
|
||
16
|
||
],
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "gnJ7P",
|
||
"name": "pwdLeft",
|
||
"gap": 8,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "gsbWV",
|
||
"name": "pwdIcon",
|
||
"width": 18,
|
||
"height": 18,
|
||
"iconFontName": "lock",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$text-muted"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "z4fR0",
|
||
"name": "pwdPlaceholder",
|
||
"fill": "$text-muted",
|
||
"content": "请输入密码",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "icon_font",
|
||
"id": "t1igT",
|
||
"name": "pwdEye",
|
||
"width": 18,
|
||
"height": 18,
|
||
"iconFontName": "eye-off",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$text-muted"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "456qA",
|
||
"name": "LoginBtn",
|
||
"width": "fill_container",
|
||
"height": 52,
|
||
"fill": "$accent-primary",
|
||
"cornerRadius": "$radius-lg",
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "nyBLI",
|
||
"name": "loginText",
|
||
"fill": "$text-inverse",
|
||
"content": "登录",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 16,
|
||
"fontWeight": "700"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "3nQMS",
|
||
"name": "RegisterRow",
|
||
"gap": 4,
|
||
"justifyContent": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "Hdc4Q",
|
||
"name": "regText1",
|
||
"fill": "$text-secondary",
|
||
"content": "还没有账户？",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 13,
|
||
"fontWeight": "normal"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "RSi4E",
|
||
"name": "regText2",
|
||
"fill": "$gold-accent",
|
||
"content": "立即注册",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 13,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "LUbBm",
|
||
"x": 0,
|
||
"y": 2700,
|
||
"name": "Home - 首页 (Dark)",
|
||
"theme": {
|
||
"mode": "dark"
|
||
},
|
||
"clip": true,
|
||
"width": 390,
|
||
"height": 844,
|
||
"fill": "$bg-secondary",
|
||
"layout": "vertical",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "zAZAt",
|
||
"name": "Status Bar",
|
||
"width": "fill_container",
|
||
"height": 62,
|
||
"fill": "$bg-primary",
|
||
"padding": [
|
||
0,
|
||
24
|
||
],
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "oP5Hz",
|
||
"name": "timeLabel",
|
||
"fill": "$text-primary",
|
||
"content": "9:41",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 15,
|
||
"fontWeight": "600"
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "PI2RT",
|
||
"name": "statusIcons",
|
||
"gap": 6,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "WaWLm",
|
||
"name": "signal",
|
||
"width": 16,
|
||
"height": 16,
|
||
"iconFontName": "signal",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$text-primary"
|
||
},
|
||
{
|
||
"type": "icon_font",
|
||
"id": "pxsnw",
|
||
"name": "wifi",
|
||
"width": 16,
|
||
"height": 16,
|
||
"iconFontName": "wifi",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$text-primary"
|
||
},
|
||
{
|
||
"type": "icon_font",
|
||
"id": "w7a3b",
|
||
"name": "battery",
|
||
"width": 22,
|
||
"height": 16,
|
||
"iconFontName": "battery-full",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$text-primary"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "oiFkz",
|
||
"name": "Content",
|
||
"width": "fill_container",
|
||
"height": "fill_container",
|
||
"layout": "vertical",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "6J8Al",
|
||
"name": "Scroll Area",
|
||
"clip": true,
|
||
"width": "fill_container",
|
||
"height": "fill_container",
|
||
"layout": "vertical",
|
||
"gap": 12,
|
||
"padding": [
|
||
0,
|
||
16,
|
||
32,
|
||
16
|
||
],
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "7YC0G",
|
||
"name": "Header",
|
||
"width": "fill_container",
|
||
"padding": [
|
||
16,
|
||
4,
|
||
12,
|
||
4
|
||
],
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "3j64A",
|
||
"name": "logo",
|
||
"fill": "$text-primary",
|
||
"content": "MONISUO",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 18,
|
||
"fontWeight": "700",
|
||
"letterSpacing": 1
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "EIr2O",
|
||
"name": "headerActions",
|
||
"gap": 12,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "kEueB",
|
||
"name": "searchBtn",
|
||
"width": 32,
|
||
"height": 32,
|
||
"cornerRadius": 16,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "YwKBL",
|
||
"name": "searchIcon",
|
||
"width": 18,
|
||
"height": 18,
|
||
"iconFontName": "search",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$text-secondary"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "OSNE2",
|
||
"name": "bellBtn2",
|
||
"width": 32,
|
||
"height": 32,
|
||
"cornerRadius": 16,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "cZ41Q",
|
||
"name": "bellIcon2",
|
||
"width": 18,
|
||
"height": 18,
|
||
"iconFontName": "bell",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$text-secondary"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "gineS",
|
||
"name": "avatar2",
|
||
"width": 32,
|
||
"height": 32,
|
||
"fill": "$accent-primary",
|
||
"cornerRadius": 16,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "H53Lb",
|
||
"name": "avatarTxt2",
|
||
"fill": "$text-inverse",
|
||
"content": "A",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 13,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "zqAdk",
|
||
"name": "Asset Card",
|
||
"width": "fill_container",
|
||
"fill": "$surface-card",
|
||
"cornerRadius": "$radius-lg",
|
||
"stroke": {
|
||
"thickness": 1,
|
||
"fill": "$border-default"
|
||
},
|
||
"layout": "vertical",
|
||
"gap": 16,
|
||
"padding": 20,
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "UFkqm",
|
||
"name": "cardHeader",
|
||
"width": "fill_container",
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "IhDa5",
|
||
"name": "cardHeaderLeft",
|
||
"gap": 6,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "T6Bwm",
|
||
"name": "cardLabel",
|
||
"fill": "$text-secondary",
|
||
"content": "预估总资产 (USDT)",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 13,
|
||
"fontWeight": "normal"
|
||
},
|
||
{
|
||
"type": "icon_font",
|
||
"id": "6a1op",
|
||
"name": "eyeBtn3",
|
||
"width": 15,
|
||
"height": 15,
|
||
"iconFontName": "eye",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$text-muted"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "HJ3bx",
|
||
"name": "cardDepBtn",
|
||
"fill": "$accent-primary",
|
||
"cornerRadius": "$radius-sm",
|
||
"gap": 4,
|
||
"padding": [
|
||
5,
|
||
10
|
||
],
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "3jQvl",
|
||
"name": "cardDepIcn",
|
||
"width": 13,
|
||
"height": 13,
|
||
"iconFontName": "plus",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$text-inverse"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "M9u4g",
|
||
"name": "cardDepTxt",
|
||
"fill": "$text-inverse",
|
||
"content": "充值",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "ll96b",
|
||
"name": "valRow",
|
||
"width": "fill_container",
|
||
"layout": "vertical",
|
||
"gap": 2,
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "nq0Vn",
|
||
"name": "bigVal",
|
||
"fill": "$text-primary",
|
||
"content": "12,458.36",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 28,
|
||
"fontWeight": "700",
|
||
"letterSpacing": -0.5
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "Ivvov",
|
||
"name": "cnyVal",
|
||
"fill": "$text-muted",
|
||
"content": "≈ ¥90,523.18 CNY",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "rectangle",
|
||
"id": "tFLDZ",
|
||
"name": "div1",
|
||
"fill": "$border-muted",
|
||
"width": "fill_container",
|
||
"height": 1
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "OXk2F",
|
||
"name": "profitRow2",
|
||
"width": "fill_container",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "sLjUW",
|
||
"name": "pCol1",
|
||
"width": "fill_container",
|
||
"layout": "vertical",
|
||
"gap": 4,
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "CPden",
|
||
"name": "pLbl1",
|
||
"fill": "$text-muted",
|
||
"content": "今日盈亏",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "normal"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "1zzDX",
|
||
"name": "pVal1",
|
||
"fill": "$profit-green",
|
||
"content": "+126.50 (+1.03%)",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "rectangle",
|
||
"id": "iFOsc",
|
||
"name": "divV2",
|
||
"fill": "$border-default",
|
||
"width": 1,
|
||
"height": "fill_container"
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "0ARzS",
|
||
"name": "pCol2",
|
||
"width": "fill_container",
|
||
"layout": "vertical",
|
||
"gap": 4,
|
||
"padding": [
|
||
0,
|
||
0,
|
||
0,
|
||
16
|
||
],
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "sZZem",
|
||
"name": "pLbl2",
|
||
"fill": "$text-muted",
|
||
"content": "总盈亏",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "normal"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "S9kKH",
|
||
"name": "pVal2",
|
||
"fill": "$profit-green",
|
||
"content": "+2,458.36 (+24.58%)",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "cysDA",
|
||
"name": "Quick Actions",
|
||
"width": "fill_container",
|
||
"fill": "$surface-card",
|
||
"cornerRadius": "$radius-lg",
|
||
"stroke": {
|
||
"thickness": 1,
|
||
"fill": "$border-default"
|
||
},
|
||
"padding": 16,
|
||
"justifyContent": "space_around",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "YNy57",
|
||
"name": "a1",
|
||
"width": "fill_container",
|
||
"layout": "vertical",
|
||
"gap": 6,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "MMQqW",
|
||
"name": "a1Icon",
|
||
"width": 40,
|
||
"height": 40,
|
||
"fill": "#F3F4F6",
|
||
"cornerRadius": 10,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "0jA1P",
|
||
"name": "a1IconF",
|
||
"width": 18,
|
||
"height": 18,
|
||
"iconFontName": "arrow-up-right",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "#4B5563"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "J0ljf",
|
||
"name": "a1Txt",
|
||
"fill": "$text-secondary",
|
||
"content": "充值",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "nCJGO",
|
||
"name": "a2",
|
||
"width": "fill_container",
|
||
"layout": "vertical",
|
||
"gap": 6,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "fEJQK",
|
||
"name": "a2Icon",
|
||
"width": 40,
|
||
"height": 40,
|
||
"fill": "#F3F4F6",
|
||
"cornerRadius": 10,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "gJw3v",
|
||
"name": "a2IconF",
|
||
"width": 18,
|
||
"height": 18,
|
||
"iconFontName": "arrow-down-left",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "#4B5563"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "fVkzu",
|
||
"name": "a2Txt",
|
||
"fill": "$text-secondary",
|
||
"content": "提现",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "5qNOa",
|
||
"name": "a3",
|
||
"width": "fill_container",
|
||
"layout": "vertical",
|
||
"gap": 6,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "iA5dL",
|
||
"name": "a3Icon",
|
||
"width": 40,
|
||
"height": 40,
|
||
"fill": "#F3F4F6",
|
||
"cornerRadius": 10,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "um83S",
|
||
"name": "a3IconF",
|
||
"width": 18,
|
||
"height": 18,
|
||
"iconFontName": "repeat",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "#4B5563"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "0Fj35",
|
||
"name": "a3Txt",
|
||
"fill": "$text-secondary",
|
||
"content": "划转",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "hxIHE",
|
||
"name": "a4",
|
||
"width": "fill_container",
|
||
"layout": "vertical",
|
||
"gap": 6,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "MZLjR",
|
||
"name": "a4Icon",
|
||
"width": 40,
|
||
"height": 40,
|
||
"fill": "#F3F4F6",
|
||
"cornerRadius": 10,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "ucInj",
|
||
"name": "a4IconF",
|
||
"width": 18,
|
||
"height": 18,
|
||
"iconFontName": "pie-chart",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "#4B5563"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "4Gii9",
|
||
"name": "a4Txt",
|
||
"fill": "$text-secondary",
|
||
"content": "盈亏",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "HUFBG",
|
||
"name": "a5",
|
||
"width": "fill_container",
|
||
"layout": "vertical",
|
||
"gap": 6,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "5nbEn",
|
||
"name": "a5Icon",
|
||
"width": 40,
|
||
"height": 40,
|
||
"fill": "#F3F4F6",
|
||
"cornerRadius": 10,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "iNmAA",
|
||
"name": "a5IconF",
|
||
"width": 18,
|
||
"height": 18,
|
||
"iconFontName": "file-text",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "#4B5563"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "b2Eyv",
|
||
"name": "a5Txt",
|
||
"fill": "$text-secondary",
|
||
"content": "账单",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "3pKtO",
|
||
"name": "Hot Coins Section",
|
||
"width": "fill_container",
|
||
"layout": "vertical",
|
||
"gap": 12,
|
||
"padding": [
|
||
4,
|
||
0,
|
||
0,
|
||
0
|
||
],
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "Z1UTY",
|
||
"name": "sectionHeader",
|
||
"width": "fill_container",
|
||
"padding": [
|
||
0,
|
||
0,
|
||
0,
|
||
16
|
||
],
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "5hJ4E",
|
||
"name": "hotTitle",
|
||
"fill": "$text-primary",
|
||
"content": "热门币种",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 16,
|
||
"fontWeight": "600"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "U1OEQ",
|
||
"name": "hotMore",
|
||
"fill": "$text-muted",
|
||
"content": "更多",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "xbgzR",
|
||
"name": "coinList",
|
||
"width": "fill_container",
|
||
"fill": "$surface-card",
|
||
"cornerRadius": "$radius-lg",
|
||
"stroke": {
|
||
"thickness": 1,
|
||
"fill": "$border-default"
|
||
},
|
||
"layout": "vertical",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "4vZwO",
|
||
"name": "coinRow1",
|
||
"width": "fill_container",
|
||
"padding": [
|
||
14,
|
||
16
|
||
],
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "DetUG",
|
||
"name": "c1Left",
|
||
"gap": 12,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "CX7bz",
|
||
"name": "btcIcon",
|
||
"width": 36,
|
||
"height": 36,
|
||
"fill": "#F7931A",
|
||
"cornerRadius": 18,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "iTZIa",
|
||
"name": "coin1Sym",
|
||
"fill": "$text-inverse",
|
||
"content": "₿",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 16,
|
||
"fontWeight": "700"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "QkRpO",
|
||
"name": "c1Info",
|
||
"layout": "vertical",
|
||
"gap": 2,
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "orFe3",
|
||
"name": "coin1Name",
|
||
"fill": "$text-primary",
|
||
"content": "BTC/USDT",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "600"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "GVEmc",
|
||
"name": "coin1Vol",
|
||
"fill": "$text-muted",
|
||
"content": "Bitcoin",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "h8XJ5",
|
||
"name": "c1Right",
|
||
"layout": "vertical",
|
||
"gap": 2,
|
||
"alignItems": "end",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "caGG5",
|
||
"name": "coin1Price",
|
||
"fill": "$text-primary",
|
||
"content": "68,432.50",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "600"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "HYqaq",
|
||
"name": "coin1Chg",
|
||
"fill": "$profit-green",
|
||
"content": "+2.35%",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "rectangle",
|
||
"id": "zAUwf",
|
||
"name": "divCoin1",
|
||
"fill": "$border-muted",
|
||
"width": "fill_container",
|
||
"height": 1
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "I0FtT",
|
||
"name": "coinRow2",
|
||
"width": "fill_container",
|
||
"padding": [
|
||
14,
|
||
16
|
||
],
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "itYGV",
|
||
"name": "c2Left",
|
||
"gap": 12,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "PKqQg",
|
||
"name": "ethIcon",
|
||
"width": 36,
|
||
"height": 36,
|
||
"fill": "#627EEA",
|
||
"cornerRadius": 18,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "A3N6B",
|
||
"name": "c2Sym",
|
||
"fill": "$text-inverse",
|
||
"content": "Ξ",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 16,
|
||
"fontWeight": "700"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "474kG",
|
||
"name": "c2Info",
|
||
"layout": "vertical",
|
||
"gap": 2,
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "4FzFw",
|
||
"name": "c2Name",
|
||
"fill": "$text-primary",
|
||
"content": "ETH/USDT",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "600"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "nVMZ9",
|
||
"name": "c2Vol",
|
||
"fill": "$text-muted",
|
||
"content": "Ethereum",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "KkjmZ",
|
||
"name": "c2Right",
|
||
"layout": "vertical",
|
||
"gap": 2,
|
||
"alignItems": "end",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "8rrNQ",
|
||
"name": "c2Price",
|
||
"fill": "$text-primary",
|
||
"content": "3,856.20",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "600"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "QV4Kd",
|
||
"name": "c2Chg",
|
||
"fill": "$profit-green",
|
||
"content": "+1.82%",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "rectangle",
|
||
"id": "QV7YX",
|
||
"name": "divCoin2",
|
||
"fill": "$border-muted",
|
||
"width": "fill_container",
|
||
"height": 1
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "KzU2s",
|
||
"name": "coinRow3",
|
||
"width": "fill_container",
|
||
"padding": [
|
||
14,
|
||
16
|
||
],
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "5r2U4",
|
||
"name": "c3Left",
|
||
"gap": 12,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "ugDg8",
|
||
"name": "solIcon",
|
||
"width": 36,
|
||
"height": 36,
|
||
"fill": "#9945FF",
|
||
"cornerRadius": 18,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "o40RW",
|
||
"name": "c3Sym",
|
||
"fill": "$text-inverse",
|
||
"content": "S",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 16,
|
||
"fontWeight": "700"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "U0v1v",
|
||
"name": "c3Info",
|
||
"layout": "vertical",
|
||
"gap": 2,
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "eZNoc",
|
||
"name": "c3Name",
|
||
"fill": "$text-primary",
|
||
"content": "SOL/USDT",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "600"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "zY6jH",
|
||
"name": "c3Vol",
|
||
"fill": "$text-muted",
|
||
"content": "Solana",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "ufcch",
|
||
"name": "c3Right",
|
||
"layout": "vertical",
|
||
"gap": 2,
|
||
"alignItems": "end",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "3DCRq",
|
||
"name": "c3Price",
|
||
"fill": "$text-primary",
|
||
"content": "178.65",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "600"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "zvuBl",
|
||
"name": "c3Chg",
|
||
"fill": "$loss-red",
|
||
"content": "-0.94%",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "3hrij",
|
||
"name": "Holdings Section",
|
||
"width": "fill_container",
|
||
"layout": "vertical",
|
||
"gap": 12,
|
||
"padding": [
|
||
4,
|
||
0,
|
||
0,
|
||
0
|
||
],
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "jzcDA",
|
||
"name": "holdHeader",
|
||
"width": "fill_container",
|
||
"padding": [
|
||
0,
|
||
0,
|
||
0,
|
||
16
|
||
],
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "Wusqu",
|
||
"name": "holdTitle",
|
||
"fill": "$text-primary",
|
||
"content": "我的持仓",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 16,
|
||
"fontWeight": "600"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "pxxZo",
|
||
"name": "holdMore",
|
||
"fill": "$text-muted",
|
||
"content": "全部",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "Awa41",
|
||
"name": "holdList",
|
||
"width": "fill_container",
|
||
"fill": "$surface-card",
|
||
"cornerRadius": "$radius-lg",
|
||
"stroke": {
|
||
"thickness": 1,
|
||
"fill": "$border-default"
|
||
},
|
||
"layout": "vertical",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "alKLc",
|
||
"name": "hRow1",
|
||
"width": "fill_container",
|
||
"padding": [
|
||
14,
|
||
16
|
||
],
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "9yGkj",
|
||
"name": "h1L",
|
||
"gap": 12,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "K90is",
|
||
"name": "h1Icon",
|
||
"width": 36,
|
||
"height": 36,
|
||
"fill": "#F7931A",
|
||
"cornerRadius": 18,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "iwOpE",
|
||
"name": "h1Sym",
|
||
"fill": "$text-inverse",
|
||
"content": "₿",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 16,
|
||
"fontWeight": "700"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "LrDM7",
|
||
"name": "h1Info",
|
||
"layout": "vertical",
|
||
"gap": 2,
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "6sFgI",
|
||
"name": "h1Name",
|
||
"fill": "$text-primary",
|
||
"content": "BTC",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "600"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "SYRPe",
|
||
"name": "h1Amt",
|
||
"fill": "$text-muted",
|
||
"content": "0.2356 BTC",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "lpKaC",
|
||
"name": "h1R",
|
||
"layout": "vertical",
|
||
"gap": 2,
|
||
"alignItems": "end",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "Ima7l",
|
||
"name": "h1Val",
|
||
"fill": "$text-primary",
|
||
"content": "¥103,427.80",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "600"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "XULAd",
|
||
"name": "h1Pnl",
|
||
"fill": "$profit-green",
|
||
"content": "+¥2,432.50",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "rectangle",
|
||
"id": "U49JW",
|
||
"name": "hdiv1",
|
||
"fill": "$border-muted",
|
||
"width": "fill_container",
|
||
"height": 1
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "xq8nl",
|
||
"name": "hRow2",
|
||
"width": "fill_container",
|
||
"padding": [
|
||
14,
|
||
16
|
||
],
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "qRnIE",
|
||
"name": "h2L",
|
||
"gap": 12,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "enyPT",
|
||
"name": "h2Icon",
|
||
"width": 36,
|
||
"height": 36,
|
||
"fill": "#627EEA",
|
||
"cornerRadius": 18,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "ddOyM",
|
||
"name": "h2Sym",
|
||
"fill": "$text-inverse",
|
||
"content": "Ξ",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 16,
|
||
"fontWeight": "700"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "AGwcf",
|
||
"name": "h2Info",
|
||
"layout": "vertical",
|
||
"gap": 2,
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "P8IqY",
|
||
"name": "h2Name",
|
||
"fill": "$text-primary",
|
||
"content": "ETH",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "600"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "OYvYW",
|
||
"name": "h2Amt",
|
||
"fill": "$text-muted",
|
||
"content": "1.528 ETH",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "mESS9",
|
||
"name": "h2R",
|
||
"layout": "vertical",
|
||
"gap": 2,
|
||
"alignItems": "end",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "SH3o1",
|
||
"name": "h2Val",
|
||
"fill": "$text-primary",
|
||
"content": "¥27,867.60",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "600"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "1URFc",
|
||
"name": "h2Pnl",
|
||
"fill": "$loss-red",
|
||
"content": "-¥412.30",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "zn9OE",
|
||
"name": "Tab Bar",
|
||
"width": "fill_container",
|
||
"fill": "$bg-primary",
|
||
"layout": "vertical",
|
||
"padding": [
|
||
8,
|
||
16
|
||
],
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "1ZNhk",
|
||
"name": "tabPill",
|
||
"width": "fill_container",
|
||
"height": 48,
|
||
"fill": "$bg-primary",
|
||
"cornerRadius": 24,
|
||
"stroke": {
|
||
"thickness": 0,
|
||
"fill": "#00000000"
|
||
},
|
||
"padding": 2,
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "3n1yJ",
|
||
"name": "tab1",
|
||
"width": "fill_container",
|
||
"height": "fill_container",
|
||
"fill": "$tab-active-bg",
|
||
"cornerRadius": 22,
|
||
"layout": "vertical",
|
||
"gap": 4,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "elh4F",
|
||
"name": "tab1Icon",
|
||
"width": 16,
|
||
"height": 16,
|
||
"iconFontName": "house",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$tab-active-text"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "KTqU4",
|
||
"name": "tab1Label",
|
||
"fill": "$tab-active-text",
|
||
"content": "首页",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 9,
|
||
"fontWeight": "500",
|
||
"letterSpacing": 0.5
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "8gdHi",
|
||
"name": "tab2",
|
||
"width": "fill_container",
|
||
"height": "fill_container",
|
||
"cornerRadius": 22,
|
||
"layout": "vertical",
|
||
"gap": 4,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "70sgI",
|
||
"name": "tab2Icon",
|
||
"width": 16,
|
||
"height": 16,
|
||
"iconFontName": "trending-up",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$tab-inactive-text"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "EYvcX",
|
||
"name": "tab2Label",
|
||
"fill": "$tab-inactive-text",
|
||
"content": "行情",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 9,
|
||
"fontWeight": "500",
|
||
"letterSpacing": 0.5
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "fUmUz",
|
||
"name": "tab3",
|
||
"width": "fill_container",
|
||
"height": "fill_container",
|
||
"cornerRadius": 22,
|
||
"layout": "vertical",
|
||
"gap": 4,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "Pt2lw",
|
||
"name": "tab3Icon",
|
||
"width": 16,
|
||
"height": 16,
|
||
"iconFontName": "arrow-left-right",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$tab-inactive-text"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "AJZJs",
|
||
"name": "tab3Label",
|
||
"fill": "$tab-inactive-text",
|
||
"content": "交易",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 9,
|
||
"fontWeight": "500",
|
||
"letterSpacing": 0.5
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "W3XM7",
|
||
"name": "tab4",
|
||
"width": "fill_container",
|
||
"height": "fill_container",
|
||
"cornerRadius": 22,
|
||
"layout": "vertical",
|
||
"gap": 4,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "VDDl5",
|
||
"name": "tab4Icon",
|
||
"width": 16,
|
||
"height": 16,
|
||
"iconFontName": "wallet",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$tab-inactive-text"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "C9M4I",
|
||
"name": "tab4Label",
|
||
"fill": "$tab-inactive-text",
|
||
"content": "资产",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 9,
|
||
"fontWeight": "500",
|
||
"letterSpacing": 0.5
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "V8csz",
|
||
"name": "tab5",
|
||
"width": "fill_container",
|
||
"height": "fill_container",
|
||
"cornerRadius": 22,
|
||
"layout": "vertical",
|
||
"gap": 4,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "H04A3",
|
||
"name": "tab5Icon",
|
||
"width": 16,
|
||
"height": 16,
|
||
"iconFontName": "user",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$tab-inactive-text"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "oeyN8",
|
||
"name": "tab5Label",
|
||
"fill": "$tab-inactive-text",
|
||
"content": "我的",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 9,
|
||
"fontWeight": "500",
|
||
"letterSpacing": 0.5
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "DFdNM",
|
||
"x": 420,
|
||
"y": 2700,
|
||
"name": "Market - 行情 (Dark)",
|
||
"theme": {
|
||
"mode": "dark"
|
||
},
|
||
"clip": true,
|
||
"width": 390,
|
||
"height": 844,
|
||
"fill": "$bg-secondary",
|
||
"layout": "vertical",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "SjODj",
|
||
"name": "Status Bar",
|
||
"width": "fill_container",
|
||
"height": 62,
|
||
"fill": "$bg-primary",
|
||
"padding": [
|
||
0,
|
||
24
|
||
],
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "fnDQc",
|
||
"name": "timeL",
|
||
"fill": "$text-primary",
|
||
"content": "9:41",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 15,
|
||
"fontWeight": "600"
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "m1he6",
|
||
"name": "statusIcons",
|
||
"gap": 6,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "63CBU",
|
||
"name": "sig",
|
||
"width": 16,
|
||
"height": 16,
|
||
"iconFontName": "signal",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$text-primary"
|
||
},
|
||
{
|
||
"type": "icon_font",
|
||
"id": "OzDW8",
|
||
"name": "wifi",
|
||
"width": 16,
|
||
"height": 16,
|
||
"iconFontName": "wifi",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$text-primary"
|
||
},
|
||
{
|
||
"type": "icon_font",
|
||
"id": "lycw3",
|
||
"name": "bat",
|
||
"width": 22,
|
||
"height": 16,
|
||
"iconFontName": "battery-full",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$text-primary"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "MU2Q5",
|
||
"name": "Content",
|
||
"width": "fill_container",
|
||
"height": "fill_container",
|
||
"layout": "vertical",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "vSNPf",
|
||
"name": "Scroll Area",
|
||
"clip": true,
|
||
"width": "fill_container",
|
||
"height": "fill_container",
|
||
"layout": "vertical",
|
||
"gap": 16,
|
||
"padding": [
|
||
0,
|
||
16,
|
||
32,
|
||
16
|
||
],
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "nQ4E5",
|
||
"name": "Header",
|
||
"width": "fill_container",
|
||
"padding": [
|
||
16,
|
||
0,
|
||
8,
|
||
0
|
||
],
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "5vv9N",
|
||
"name": "htitle",
|
||
"fill": "$text-primary",
|
||
"content": "行情",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 22,
|
||
"fontWeight": "700"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "Bc1w1",
|
||
"name": "Featured Cards",
|
||
"width": "fill_container",
|
||
"gap": 12,
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "krwOv",
|
||
"name": "BTC Card",
|
||
"width": "fill_container",
|
||
"height": 130,
|
||
"fill": "$surface-card",
|
||
"cornerRadius": "$radius-lg",
|
||
"stroke": {
|
||
"thickness": 1,
|
||
"fill": "$border-default"
|
||
},
|
||
"layout": "vertical",
|
||
"gap": 6,
|
||
"padding": 16,
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "xNWze",
|
||
"name": "btcLabel",
|
||
"width": "fill_container",
|
||
"justifyContent": "space_between",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "nqzv3",
|
||
"name": "btcName",
|
||
"fill": "$text-primary",
|
||
"content": "BTC/USDT",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "600"
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "Otaz1",
|
||
"name": "btcBadge",
|
||
"fill": "$profit-green-bg",
|
||
"cornerRadius": 4,
|
||
"padding": [
|
||
2,
|
||
6
|
||
],
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "btr4h",
|
||
"name": "btcBadgeT",
|
||
"fill": "$profit-green",
|
||
"content": "+2.35%",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "5gupc",
|
||
"name": "btcPrice",
|
||
"fill": "$text-primary",
|
||
"content": "68,432.50",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 24,
|
||
"fontWeight": "700"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "Cx1WA",
|
||
"name": "btcSub",
|
||
"fill": "$text-secondary",
|
||
"content": "Bitcoin",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "normal"
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "Met2q",
|
||
"name": "barRow",
|
||
"width": "fill_container",
|
||
"height": 24,
|
||
"gap": 3,
|
||
"justifyContent": "end",
|
||
"alignItems": "end",
|
||
"children": [
|
||
{
|
||
"type": "rectangle",
|
||
"cornerRadius": 2,
|
||
"id": "1muQH",
|
||
"name": "bar1",
|
||
"fill": "$profit-green",
|
||
"width": "fill_container",
|
||
"height": 10
|
||
},
|
||
{
|
||
"type": "rectangle",
|
||
"cornerRadius": 2,
|
||
"id": "Kji38",
|
||
"name": "bar2",
|
||
"fill": "$profit-green",
|
||
"width": "fill_container",
|
||
"height": 18
|
||
},
|
||
{
|
||
"type": "rectangle",
|
||
"cornerRadius": 2,
|
||
"id": "ADTwz",
|
||
"name": "bar3",
|
||
"fill": "$profit-green",
|
||
"width": "fill_container",
|
||
"height": 14
|
||
},
|
||
{
|
||
"type": "rectangle",
|
||
"cornerRadius": 2,
|
||
"id": "57f0b",
|
||
"name": "bar4",
|
||
"fill": "$profit-green",
|
||
"width": "fill_container",
|
||
"height": 24
|
||
},
|
||
{
|
||
"type": "rectangle",
|
||
"cornerRadius": 2,
|
||
"id": "dWzeB",
|
||
"name": "bar5",
|
||
"fill": "$profit-green",
|
||
"width": "fill_container",
|
||
"height": 16
|
||
},
|
||
{
|
||
"type": "rectangle",
|
||
"cornerRadius": 2,
|
||
"id": "A9lHY",
|
||
"name": "bar6",
|
||
"fill": "$profit-green",
|
||
"width": "fill_container",
|
||
"height": 20
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "Td9jS",
|
||
"name": "ETH Card",
|
||
"width": "fill_container",
|
||
"height": 130,
|
||
"fill": "$surface-card",
|
||
"cornerRadius": "$radius-lg",
|
||
"stroke": {
|
||
"thickness": 1,
|
||
"fill": "$border-default"
|
||
},
|
||
"layout": "vertical",
|
||
"gap": 6,
|
||
"padding": 16,
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "WqTuR",
|
||
"name": "ethLabel",
|
||
"width": "fill_container",
|
||
"justifyContent": "space_between",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "CoEry",
|
||
"name": "ethName",
|
||
"fill": "$text-primary",
|
||
"content": "ETH/USDT",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "600"
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "d3GK0",
|
||
"name": "ethBadge",
|
||
"fill": "$profit-green-bg",
|
||
"cornerRadius": 4,
|
||
"padding": [
|
||
2,
|
||
6
|
||
],
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "S250i",
|
||
"name": "ethBadgeT",
|
||
"fill": "$profit-green",
|
||
"content": "+1.82%",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "VYHvl",
|
||
"name": "ethPrice",
|
||
"fill": "$text-primary",
|
||
"content": "3,856.20",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 24,
|
||
"fontWeight": "700"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "XBrsj",
|
||
"name": "ethSub",
|
||
"fill": "$text-secondary",
|
||
"content": "Ethereum",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "normal"
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "XIFOV",
|
||
"name": "ethBarRow",
|
||
"width": "fill_container",
|
||
"height": 24,
|
||
"gap": 3,
|
||
"justifyContent": "end",
|
||
"alignItems": "end",
|
||
"children": [
|
||
{
|
||
"type": "rectangle",
|
||
"cornerRadius": 2,
|
||
"id": "6ZzNE",
|
||
"name": "ebar1",
|
||
"fill": "$profit-green",
|
||
"width": "fill_container",
|
||
"height": 8
|
||
},
|
||
{
|
||
"type": "rectangle",
|
||
"cornerRadius": 2,
|
||
"id": "jvRnI",
|
||
"name": "ebar2",
|
||
"fill": "$profit-green",
|
||
"width": "fill_container",
|
||
"height": 14
|
||
},
|
||
{
|
||
"type": "rectangle",
|
||
"cornerRadius": 2,
|
||
"id": "Gg6rc",
|
||
"name": "ebar3",
|
||
"fill": "$profit-green",
|
||
"width": "fill_container",
|
||
"height": 20
|
||
},
|
||
{
|
||
"type": "rectangle",
|
||
"cornerRadius": 2,
|
||
"id": "0xiAk",
|
||
"name": "ebar4",
|
||
"fill": "$profit-green",
|
||
"width": "fill_container",
|
||
"height": 12
|
||
},
|
||
{
|
||
"type": "rectangle",
|
||
"cornerRadius": 2,
|
||
"id": "4XAKq",
|
||
"name": "ebar5",
|
||
"fill": "$profit-green",
|
||
"width": "fill_container",
|
||
"height": 22
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "AAGkv",
|
||
"name": "secHeader",
|
||
"width": "fill_container",
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "Ya7e3",
|
||
"name": "secTitle",
|
||
"fill": "$text-primary",
|
||
"content": "全部币种",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 16,
|
||
"fontWeight": "600"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "KmBEl",
|
||
"name": "secMore",
|
||
"fill": "$text-secondary",
|
||
"content": "更多 >",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "JwFRm",
|
||
"name": "Coin List",
|
||
"width": "fill_container",
|
||
"fill": "$surface-card",
|
||
"cornerRadius": "$radius-lg",
|
||
"stroke": {
|
||
"thickness": 1,
|
||
"fill": "$border-default"
|
||
},
|
||
"layout": "vertical",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "wgWUP",
|
||
"name": "SOL Row",
|
||
"width": "fill_container",
|
||
"padding": [
|
||
14,
|
||
16
|
||
],
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "m0vXu",
|
||
"name": "solLeft",
|
||
"gap": 10,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "SQD7C",
|
||
"name": "SOL Avatar",
|
||
"width": 36,
|
||
"height": 36,
|
||
"layout": "none",
|
||
"children": [
|
||
{
|
||
"type": "ellipse",
|
||
"id": "9877w",
|
||
"x": 0,
|
||
"y": 0,
|
||
"name": "solEllipse",
|
||
"fill": "$accent-light",
|
||
"width": 36,
|
||
"height": 36
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "Aysci",
|
||
"x": 13,
|
||
"y": 10,
|
||
"name": "solLetter",
|
||
"fill": "$accent-primary",
|
||
"content": "S",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "700"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "sdCNw",
|
||
"name": "solInfo",
|
||
"layout": "vertical",
|
||
"gap": 2,
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "gqnR2",
|
||
"name": "solPair",
|
||
"fill": "$text-primary",
|
||
"content": "SOL/USDT",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "700"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "lomH0",
|
||
"name": "solFull",
|
||
"fill": "$text-secondary",
|
||
"content": "Solana",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "JNRUD",
|
||
"name": "solRight",
|
||
"layout": "vertical",
|
||
"gap": 2,
|
||
"alignItems": "end",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "LGDCx",
|
||
"name": "solPrice",
|
||
"fill": "$text-primary",
|
||
"content": "178.65",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "600"
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "D9mDe",
|
||
"name": "solChange",
|
||
"fill": "$loss-red-bg",
|
||
"cornerRadius": 4,
|
||
"padding": [
|
||
2,
|
||
6
|
||
],
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "e6GbE",
|
||
"name": "solChangeT",
|
||
"fill": "$loss-red",
|
||
"content": "-0.94%",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "rectangle",
|
||
"id": "ycUcz",
|
||
"name": "div1",
|
||
"opacity": 0.5,
|
||
"fill": "$border-default",
|
||
"width": "fill_container",
|
||
"height": 1
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "hDY8N",
|
||
"name": "BNB Row",
|
||
"width": "fill_container",
|
||
"padding": [
|
||
14,
|
||
16
|
||
],
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "M5HMn",
|
||
"name": "bnbLeft",
|
||
"gap": 10,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "ipABc",
|
||
"name": "BNB Avatar",
|
||
"width": 36,
|
||
"height": 36,
|
||
"layout": "none",
|
||
"children": [
|
||
{
|
||
"type": "ellipse",
|
||
"id": "4z6sG",
|
||
"x": 0,
|
||
"y": 0,
|
||
"name": "bnbEllipse",
|
||
"fill": "$accent-light",
|
||
"width": 36,
|
||
"height": 36
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "dDbxz",
|
||
"x": 13,
|
||
"y": 10,
|
||
"name": "bnbLetter",
|
||
"fill": "$accent-primary",
|
||
"content": "B",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "700"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "Drp5f",
|
||
"name": "bnbInfo",
|
||
"layout": "vertical",
|
||
"gap": 2,
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "ZMwkk",
|
||
"name": "bnbPair",
|
||
"fill": "$text-primary",
|
||
"content": "BNB/USDT",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "700"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "VhwkL",
|
||
"name": "bnbFull",
|
||
"fill": "$text-secondary",
|
||
"content": "Binance Coin",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "BCAp0",
|
||
"name": "bnbRight",
|
||
"layout": "vertical",
|
||
"gap": 2,
|
||
"alignItems": "end",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "vpJNN",
|
||
"name": "bnbPrice",
|
||
"fill": "$text-primary",
|
||
"content": "612.30",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "600"
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "WfQiY",
|
||
"name": "bnbChange",
|
||
"fill": "$profit-green-bg",
|
||
"cornerRadius": 4,
|
||
"padding": [
|
||
2,
|
||
6
|
||
],
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "vlSfz",
|
||
"name": "bnbCT",
|
||
"fill": "$profit-green",
|
||
"content": "+1.45%",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "rectangle",
|
||
"id": "WmJ74",
|
||
"name": "div2",
|
||
"opacity": 0.5,
|
||
"fill": "$border-default",
|
||
"width": "fill_container",
|
||
"height": 1
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "r4RSt",
|
||
"name": "XRP Row",
|
||
"width": "fill_container",
|
||
"padding": [
|
||
14,
|
||
16
|
||
],
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "HZ8Xp",
|
||
"name": "xrpLeft",
|
||
"gap": 10,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "w07zx",
|
||
"name": "XRP Avatar",
|
||
"width": 36,
|
||
"height": 36,
|
||
"layout": "none",
|
||
"children": [
|
||
{
|
||
"type": "ellipse",
|
||
"id": "pAsA5",
|
||
"x": 0,
|
||
"y": 0,
|
||
"name": "xrpEllipse",
|
||
"fill": "$accent-light",
|
||
"width": 36,
|
||
"height": 36
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "5jMwr",
|
||
"x": 13,
|
||
"y": 10,
|
||
"name": "xrpLetter",
|
||
"fill": "$accent-primary",
|
||
"content": "X",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "700"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "S3FHn",
|
||
"name": "xrpInfo",
|
||
"layout": "vertical",
|
||
"gap": 2,
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "lyUlC",
|
||
"name": "xrpPair",
|
||
"fill": "$text-primary",
|
||
"content": "XRP/USDT",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "700"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "vKKUJ",
|
||
"name": "xrpFull",
|
||
"fill": "$text-secondary",
|
||
"content": "Ripple",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "zIkjB",
|
||
"name": "xrpRight",
|
||
"layout": "vertical",
|
||
"gap": 2,
|
||
"alignItems": "end",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "71M4I",
|
||
"name": "xrpPrice",
|
||
"fill": "$text-primary",
|
||
"content": "0.6234",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "600"
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "3FaPA",
|
||
"name": "xrpChange",
|
||
"fill": "$loss-red-bg",
|
||
"cornerRadius": 4,
|
||
"padding": [
|
||
2,
|
||
6
|
||
],
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "p5epj",
|
||
"name": "xrpCT",
|
||
"fill": "$loss-red",
|
||
"content": "-1.22%",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "rectangle",
|
||
"id": "x6uqf",
|
||
"name": "div3",
|
||
"opacity": 0.5,
|
||
"fill": "$border-default",
|
||
"width": "fill_container",
|
||
"height": 1
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "3emMz",
|
||
"name": "DOGE Row",
|
||
"width": "fill_container",
|
||
"padding": [
|
||
14,
|
||
16
|
||
],
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "5lbon",
|
||
"name": "dogeLeft",
|
||
"gap": 10,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "RWxZb",
|
||
"name": "DOGE Avatar",
|
||
"width": 36,
|
||
"height": 36,
|
||
"layout": "none",
|
||
"children": [
|
||
{
|
||
"type": "ellipse",
|
||
"id": "NQwwm",
|
||
"x": 0,
|
||
"y": 0,
|
||
"name": "dogeEllipse",
|
||
"fill": "$accent-light",
|
||
"width": 36,
|
||
"height": 36
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "WDQXm",
|
||
"x": 13,
|
||
"y": 10,
|
||
"name": "dogeLetter",
|
||
"fill": "$accent-primary",
|
||
"content": "D",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "700"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "vU72l",
|
||
"name": "dogeInfo",
|
||
"layout": "vertical",
|
||
"gap": 2,
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "uA7gF",
|
||
"name": "dogePair",
|
||
"fill": "$text-primary",
|
||
"content": "DOGE/USDT",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "700"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "WBrln",
|
||
"name": "dogeFull",
|
||
"fill": "$text-secondary",
|
||
"content": "Dogecoin",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "YZkDh",
|
||
"name": "dogeRight",
|
||
"layout": "vertical",
|
||
"gap": 2,
|
||
"alignItems": "end",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "mXrWl",
|
||
"name": "dogePrice",
|
||
"fill": "$text-primary",
|
||
"content": "0.1523",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "600"
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "965XO",
|
||
"name": "dogeChange",
|
||
"fill": "$profit-green-bg",
|
||
"cornerRadius": 4,
|
||
"padding": [
|
||
2,
|
||
6
|
||
],
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "SJWBS",
|
||
"name": "dogeCT",
|
||
"fill": "$profit-green",
|
||
"content": "+5.67%",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "rectangle",
|
||
"id": "1H7yy",
|
||
"name": "div4",
|
||
"opacity": 0.5,
|
||
"fill": "$border-default",
|
||
"width": "fill_container",
|
||
"height": 1
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "yUIx9",
|
||
"name": "ADA Row",
|
||
"width": "fill_container",
|
||
"padding": [
|
||
14,
|
||
16
|
||
],
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "vNGUZ",
|
||
"name": "adaLeft",
|
||
"gap": 10,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "y4qwK",
|
||
"name": "ADA Avatar",
|
||
"width": 36,
|
||
"height": 36,
|
||
"layout": "none",
|
||
"children": [
|
||
{
|
||
"type": "ellipse",
|
||
"id": "Bjk7E",
|
||
"x": 0,
|
||
"y": 0,
|
||
"name": "adaEllipse",
|
||
"fill": "$accent-light",
|
||
"width": 36,
|
||
"height": 36
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "Yu2ql",
|
||
"x": 13,
|
||
"y": 10,
|
||
"name": "adaLetter",
|
||
"fill": "$accent-primary",
|
||
"content": "A",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "700"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "dvEC8",
|
||
"name": "adaInfo",
|
||
"layout": "vertical",
|
||
"gap": 2,
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "VROww",
|
||
"name": "adaPair",
|
||
"fill": "$text-primary",
|
||
"content": "ADA/USDT",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "700"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "fVYLi",
|
||
"name": "adaFull",
|
||
"fill": "$text-secondary",
|
||
"content": "Cardano",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "FlVUJ",
|
||
"name": "adaRight",
|
||
"layout": "vertical",
|
||
"gap": 2,
|
||
"alignItems": "end",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "ExfyX",
|
||
"name": "adaPrice",
|
||
"fill": "$text-primary",
|
||
"content": "0.4521",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "600"
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "9xeKF",
|
||
"name": "adaChange",
|
||
"fill": "$loss-red-bg",
|
||
"cornerRadius": 4,
|
||
"padding": [
|
||
2,
|
||
6
|
||
],
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "c8KiX",
|
||
"name": "adaCT",
|
||
"fill": "$loss-red",
|
||
"content": "-2.13%",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "rectangle",
|
||
"id": "XsTRd",
|
||
"name": "div5",
|
||
"opacity": 0.5,
|
||
"fill": "$border-default",
|
||
"width": "fill_container",
|
||
"height": 1
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "XyT7q",
|
||
"name": "DOT Row",
|
||
"width": "fill_container",
|
||
"padding": [
|
||
14,
|
||
16
|
||
],
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "JxU1d",
|
||
"name": "dotLeft",
|
||
"gap": 10,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "tYBAq",
|
||
"name": "DOT Avatar",
|
||
"width": 36,
|
||
"height": 36,
|
||
"layout": "none",
|
||
"children": [
|
||
{
|
||
"type": "ellipse",
|
||
"id": "09sH1",
|
||
"x": 0,
|
||
"y": 0,
|
||
"name": "dotEllipse",
|
||
"fill": "$accent-light",
|
||
"width": 36,
|
||
"height": 36
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "csdhk",
|
||
"x": 13,
|
||
"y": 10,
|
||
"name": "dotLetter",
|
||
"fill": "$accent-primary",
|
||
"content": "D",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "700"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "93Dqt",
|
||
"name": "dotInfo",
|
||
"layout": "vertical",
|
||
"gap": 2,
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "u5Q1V",
|
||
"name": "dotPair",
|
||
"fill": "$text-primary",
|
||
"content": "DOT/USDT",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "700"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "d203A",
|
||
"name": "dotFull",
|
||
"fill": "$text-secondary",
|
||
"content": "Polkadot",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "czapB",
|
||
"name": "dotRight",
|
||
"layout": "vertical",
|
||
"gap": 2,
|
||
"alignItems": "end",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "Im0CQ",
|
||
"name": "dotPrice",
|
||
"fill": "$text-primary",
|
||
"content": "7.85",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "600"
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "w16TU",
|
||
"name": "dotChange",
|
||
"fill": "$profit-green-bg",
|
||
"cornerRadius": 4,
|
||
"padding": [
|
||
2,
|
||
6
|
||
],
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "7mFMG",
|
||
"name": "dotCT",
|
||
"fill": "$profit-green",
|
||
"content": "+0.98%",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "jfDye",
|
||
"name": "Tab Bar",
|
||
"width": "fill_container",
|
||
"fill": "$bg-primary",
|
||
"layout": "vertical",
|
||
"padding": [
|
||
8,
|
||
16
|
||
],
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "tvoZb",
|
||
"name": "Tab Pill",
|
||
"width": "fill_container",
|
||
"height": 48,
|
||
"fill": "$bg-primary",
|
||
"cornerRadius": 24,
|
||
"padding": 2,
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "OZNIt",
|
||
"name": "Tab Home",
|
||
"width": "fill_container",
|
||
"height": "fill_container",
|
||
"cornerRadius": 22,
|
||
"layout": "vertical",
|
||
"gap": 4,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "Sd80G",
|
||
"name": "tab1Icon",
|
||
"width": 16,
|
||
"height": 16,
|
||
"iconFontName": "house",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$tab-inactive-text"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "F0ClM",
|
||
"name": "tab1Text",
|
||
"fill": "$tab-inactive-text",
|
||
"content": "首页",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 9,
|
||
"fontWeight": "500",
|
||
"letterSpacing": 0.5
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "G80st",
|
||
"name": "Tab Market",
|
||
"width": "fill_container",
|
||
"height": "fill_container",
|
||
"fill": "$tab-active-bg",
|
||
"cornerRadius": 22,
|
||
"layout": "vertical",
|
||
"gap": 4,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "mkBFx",
|
||
"name": "tab2Icon",
|
||
"width": 16,
|
||
"height": 16,
|
||
"iconFontName": "trending-up",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$tab-active-text"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "JI6Fd",
|
||
"name": "tab2Text",
|
||
"fill": "$tab-active-text",
|
||
"content": "行情",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 9,
|
||
"fontWeight": "500",
|
||
"letterSpacing": 0.5
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "vAHSb",
|
||
"name": "Tab Trade",
|
||
"width": "fill_container",
|
||
"height": "fill_container",
|
||
"cornerRadius": 22,
|
||
"layout": "vertical",
|
||
"gap": 4,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "5yMLQ",
|
||
"name": "tab3Icon",
|
||
"width": 16,
|
||
"height": 16,
|
||
"iconFontName": "arrow-left-right",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$tab-inactive-text"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "40z2Q",
|
||
"name": "tab3Text",
|
||
"fill": "$tab-inactive-text",
|
||
"content": "交易",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 9,
|
||
"fontWeight": "500",
|
||
"letterSpacing": 0.5
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "6GPHO",
|
||
"name": "Tab Asset",
|
||
"width": "fill_container",
|
||
"height": "fill_container",
|
||
"cornerRadius": 22,
|
||
"layout": "vertical",
|
||
"gap": 4,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "XZAcK",
|
||
"name": "tab4Icon",
|
||
"width": 16,
|
||
"height": 16,
|
||
"iconFontName": "wallet",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$tab-inactive-text"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "HqZDK",
|
||
"name": "tab4Text",
|
||
"fill": "$tab-inactive-text",
|
||
"content": "资产",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 9,
|
||
"fontWeight": "500",
|
||
"letterSpacing": 0.5
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "wGhTG",
|
||
"name": "Tab Me",
|
||
"width": "fill_container",
|
||
"height": "fill_container",
|
||
"cornerRadius": 22,
|
||
"layout": "vertical",
|
||
"gap": 4,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "jOvoQ",
|
||
"name": "tab5Icon",
|
||
"width": 16,
|
||
"height": 16,
|
||
"iconFontName": "user",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$tab-inactive-text"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "q6kQL",
|
||
"name": "tab5Text",
|
||
"fill": "$tab-inactive-text",
|
||
"content": "我的",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 9,
|
||
"fontWeight": "500",
|
||
"letterSpacing": 0.5
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "xFsZJ",
|
||
"x": 840,
|
||
"y": 2700,
|
||
"name": "Trade - 交易 (Dark)",
|
||
"theme": {
|
||
"mode": "dark"
|
||
},
|
||
"clip": true,
|
||
"width": 390,
|
||
"height": 844,
|
||
"fill": "$bg-secondary",
|
||
"layout": "vertical",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "8QjJz",
|
||
"name": "Status Bar",
|
||
"width": "fill_container",
|
||
"height": 62,
|
||
"fill": "$bg-primary",
|
||
"padding": [
|
||
0,
|
||
24
|
||
],
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "ywWWO",
|
||
"name": "timeLabel",
|
||
"fill": "$text-primary",
|
||
"content": "9:41",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 15,
|
||
"fontWeight": "600"
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "i2M3V",
|
||
"name": "statusIcons",
|
||
"gap": 6,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "Ij9Kn",
|
||
"name": "signal",
|
||
"width": 16,
|
||
"height": 16,
|
||
"iconFontName": "signal",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$text-primary"
|
||
},
|
||
{
|
||
"type": "icon_font",
|
||
"id": "wOh2l",
|
||
"name": "wifi",
|
||
"width": 16,
|
||
"height": 16,
|
||
"iconFontName": "wifi",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$text-primary"
|
||
},
|
||
{
|
||
"type": "icon_font",
|
||
"id": "qkT7m",
|
||
"name": "battery",
|
||
"width": 22,
|
||
"height": 16,
|
||
"iconFontName": "battery-full",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$text-primary"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "HYC6j",
|
||
"name": "Content",
|
||
"width": "fill_container",
|
||
"height": "fill_container",
|
||
"layout": "vertical",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "HMITD",
|
||
"name": "Scroll Area",
|
||
"clip": true,
|
||
"width": "fill_container",
|
||
"height": "fill_container",
|
||
"layout": "vertical",
|
||
"gap": 16,
|
||
"padding": [
|
||
0,
|
||
16,
|
||
32,
|
||
16
|
||
],
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "RLj1i",
|
||
"name": "Coin Selector Card",
|
||
"width": "fill_container",
|
||
"fill": "$surface-card",
|
||
"cornerRadius": "$radius-lg",
|
||
"stroke": {
|
||
"thickness": 1,
|
||
"fill": "$border-default"
|
||
},
|
||
"padding": 16,
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "oPHLY",
|
||
"name": "coinInfo",
|
||
"layout": "vertical",
|
||
"gap": 2,
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "O5BqD",
|
||
"name": "coinPair",
|
||
"fill": "$text-primary",
|
||
"content": "SOL/USDT",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 18,
|
||
"fontWeight": "700"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "Mnfy8",
|
||
"name": "coinName",
|
||
"fill": "$text-secondary",
|
||
"content": "Solana",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "icon_font",
|
||
"id": "p2VcW",
|
||
"name": "chevronDown",
|
||
"width": 16,
|
||
"height": 16,
|
||
"iconFontName": "chevron-down",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$text-secondary"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "s3AlO",
|
||
"name": "Price Card",
|
||
"width": "fill_container",
|
||
"fill": "$surface-card",
|
||
"cornerRadius": "$radius-lg",
|
||
"stroke": {
|
||
"thickness": 1,
|
||
"fill": "$border-default"
|
||
},
|
||
"layout": "vertical",
|
||
"gap": 8,
|
||
"padding": 20,
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "YOOaR",
|
||
"name": "priceRow",
|
||
"gap": 8,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "AUl6z",
|
||
"name": "priceValue",
|
||
"fill": "$text-primary",
|
||
"content": "178.65",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 32,
|
||
"fontWeight": "700"
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "0WgiW",
|
||
"name": "changeBadge",
|
||
"fill": "$profit-green-bg",
|
||
"cornerRadius": "$radius-sm",
|
||
"padding": [
|
||
4,
|
||
8
|
||
],
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "HvgEA",
|
||
"name": "changeText",
|
||
"fill": "$profit-green",
|
||
"content": "+1.45%",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "tEx05",
|
||
"name": "priceSubtitle",
|
||
"fill": "$text-muted",
|
||
"content": "24h 变化",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "SieAW",
|
||
"name": "Buy/Sell Toggle",
|
||
"clip": true,
|
||
"width": "fill_container",
|
||
"cornerRadius": "$radius-md",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "UuxVe",
|
||
"name": "buyBtn",
|
||
"width": "fill_container",
|
||
"height": 40,
|
||
"fill": "$profit-green",
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "PAuxE",
|
||
"name": "buyLabel",
|
||
"fill": "$text-inverse",
|
||
"content": "买入",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "beDjW",
|
||
"name": "sellBtn",
|
||
"width": "fill_container",
|
||
"height": 40,
|
||
"fill": "$surface-card",
|
||
"stroke": {
|
||
"thickness": 1,
|
||
"fill": "$border-default"
|
||
},
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "mfs2L",
|
||
"name": "sellLabel",
|
||
"fill": "$text-secondary",
|
||
"content": "卖出",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "wcIXS",
|
||
"name": "Trade Form Card",
|
||
"width": "fill_container",
|
||
"fill": "$surface-card",
|
||
"cornerRadius": "$radius-lg",
|
||
"stroke": {
|
||
"thickness": 1,
|
||
"fill": "$border-default"
|
||
},
|
||
"layout": "vertical",
|
||
"gap": 16,
|
||
"padding": 20,
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "r50hs",
|
||
"name": "amountLabelRow",
|
||
"width": "fill_container",
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "pI5Vv",
|
||
"name": "labelLeft",
|
||
"fill": "$text-secondary",
|
||
"content": "交易金额",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "normal"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "J7cjL",
|
||
"name": "labelRight",
|
||
"fill": "$text-primary",
|
||
"content": "USDT",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "soXhk",
|
||
"name": "inputField",
|
||
"width": "fill_container",
|
||
"height": 48,
|
||
"fill": "$bg-tertiary",
|
||
"cornerRadius": "$radius-md",
|
||
"padding": [
|
||
0,
|
||
16
|
||
],
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "2lBOp",
|
||
"name": "placeholder",
|
||
"fill": "$text-muted",
|
||
"content": "请输入金额",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "oiKLj",
|
||
"name": "availText",
|
||
"fill": "$text-muted",
|
||
"content": "可用: 10,000.00 USDT",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "normal"
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "UVehx",
|
||
"name": "pctRow",
|
||
"width": "fill_container",
|
||
"gap": 8,
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "v1iLl",
|
||
"name": "pct25",
|
||
"width": "fill_container",
|
||
"height": 32,
|
||
"fill": "$bg-tertiary",
|
||
"cornerRadius": "$radius-sm",
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "63AiD",
|
||
"name": "pct1t",
|
||
"fill": "$text-secondary",
|
||
"content": "25%",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "T3Q1X",
|
||
"name": "pct50",
|
||
"width": "fill_container",
|
||
"height": 32,
|
||
"fill": "$bg-tertiary",
|
||
"cornerRadius": "$radius-sm",
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "Qq0Oz",
|
||
"name": "pct2t",
|
||
"fill": "$text-secondary",
|
||
"content": "50%",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "5vrZW",
|
||
"name": "pct75",
|
||
"width": "fill_container",
|
||
"height": 32,
|
||
"fill": "$bg-tertiary",
|
||
"cornerRadius": "$radius-sm",
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "JOdyF",
|
||
"name": "pct3t",
|
||
"fill": "$text-secondary",
|
||
"content": "75%",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "qsFfa",
|
||
"name": "pct100",
|
||
"width": "fill_container",
|
||
"height": 32,
|
||
"fill": "$bg-tertiary",
|
||
"cornerRadius": "$radius-sm",
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "86ChL",
|
||
"name": "pct4t",
|
||
"fill": "$text-secondary",
|
||
"content": "100%",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "5PD5e",
|
||
"name": "calcRow",
|
||
"width": "fill_container",
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "4qW6Y",
|
||
"name": "calcLabel",
|
||
"fill": "$text-secondary",
|
||
"content": "交易数量",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "normal"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "64sqe",
|
||
"name": "calcValue",
|
||
"fill": "$text-primary",
|
||
"content": "56.4231 SOL",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "u51ee",
|
||
"name": "Buy Button",
|
||
"width": "fill_container",
|
||
"height": 48,
|
||
"fill": "$profit-green",
|
||
"cornerRadius": "$radius-lg",
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "24fmE",
|
||
"name": "buyCtaText",
|
||
"fill": "#FFFFFF",
|
||
"content": "买入 SOL",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 16,
|
||
"fontWeight": "700"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "PNO78",
|
||
"name": "Tab Bar",
|
||
"width": "fill_container",
|
||
"fill": "$bg-primary",
|
||
"layout": "vertical",
|
||
"padding": [
|
||
8,
|
||
16
|
||
],
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "Gxngk",
|
||
"name": "tabPill",
|
||
"width": "fill_container",
|
||
"height": 48,
|
||
"fill": "$bg-primary",
|
||
"cornerRadius": 24,
|
||
"stroke": {
|
||
"thickness": 0,
|
||
"fill": "#00000000"
|
||
},
|
||
"padding": 2,
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "Icrcv",
|
||
"name": "tab1",
|
||
"width": "fill_container",
|
||
"height": "fill_container",
|
||
"cornerRadius": 22,
|
||
"layout": "vertical",
|
||
"gap": 4,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "v4eS1",
|
||
"name": "tab1Icon",
|
||
"width": 16,
|
||
"height": 16,
|
||
"iconFontName": "house",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$tab-inactive-text"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "EGmU8",
|
||
"name": "tab1Label",
|
||
"fill": "$tab-inactive-text",
|
||
"content": "首页",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 9,
|
||
"fontWeight": "500",
|
||
"letterSpacing": 0.5
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "N92fo",
|
||
"name": "tab2",
|
||
"width": "fill_container",
|
||
"height": "fill_container",
|
||
"cornerRadius": 22,
|
||
"layout": "vertical",
|
||
"gap": 4,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "Gu2ly",
|
||
"name": "tab2Icon",
|
||
"width": 16,
|
||
"height": 16,
|
||
"iconFontName": "trending-up",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$tab-inactive-text"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "cJrP8",
|
||
"name": "tab2Label",
|
||
"fill": "$tab-inactive-text",
|
||
"content": "行情",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 9,
|
||
"fontWeight": "500",
|
||
"letterSpacing": 0.5
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "0DtPy",
|
||
"name": "tab3",
|
||
"width": "fill_container",
|
||
"height": "fill_container",
|
||
"fill": "$tab-active-bg",
|
||
"cornerRadius": 22,
|
||
"layout": "vertical",
|
||
"gap": 4,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "Y1rF5",
|
||
"name": "tab3Icon",
|
||
"width": 16,
|
||
"height": 16,
|
||
"iconFontName": "arrow-left-right",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$tab-active-text"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "BEwNb",
|
||
"name": "tab3Label",
|
||
"fill": "$tab-active-text",
|
||
"content": "交易",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 9,
|
||
"fontWeight": "500",
|
||
"letterSpacing": 0.5
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "CimPC",
|
||
"name": "tab4",
|
||
"width": "fill_container",
|
||
"height": "fill_container",
|
||
"cornerRadius": 22,
|
||
"layout": "vertical",
|
||
"gap": 4,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "viilP",
|
||
"name": "tab4Icon",
|
||
"width": 16,
|
||
"height": 16,
|
||
"iconFontName": "wallet",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$tab-inactive-text"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "boobt",
|
||
"name": "tab4Label",
|
||
"fill": "$tab-inactive-text",
|
||
"content": "资产",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 9,
|
||
"fontWeight": "500",
|
||
"letterSpacing": 0.5
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "WPCeu",
|
||
"name": "tab5",
|
||
"width": "fill_container",
|
||
"height": "fill_container",
|
||
"cornerRadius": 22,
|
||
"layout": "vertical",
|
||
"gap": 4,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "GsvzG",
|
||
"name": "tab5Icon",
|
||
"width": 16,
|
||
"height": 16,
|
||
"iconFontName": "user",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$tab-inactive-text"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "E3iWH",
|
||
"name": "tab5Label",
|
||
"fill": "$tab-inactive-text",
|
||
"content": "我的",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 9,
|
||
"fontWeight": "500",
|
||
"letterSpacing": 0.5
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "yUPAr",
|
||
"x": 1260,
|
||
"y": 2700,
|
||
"name": "Asset - 资产 (Dark)",
|
||
"theme": {
|
||
"mode": "dark"
|
||
},
|
||
"clip": true,
|
||
"width": 390,
|
||
"height": 844,
|
||
"fill": "$bg-secondary",
|
||
"layout": "vertical",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "8zHCB",
|
||
"name": "Status Bar",
|
||
"width": "fill_container",
|
||
"height": 62,
|
||
"fill": "$bg-primary",
|
||
"padding": [
|
||
0,
|
||
24
|
||
],
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "kAjkU",
|
||
"name": "statusTime",
|
||
"fill": "$text-primary",
|
||
"content": "9:41",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 15,
|
||
"fontWeight": "600"
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "lmrZT",
|
||
"name": "statusIcons",
|
||
"gap": 6,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "cpcSl",
|
||
"name": "signalIcon",
|
||
"width": 16,
|
||
"height": 16,
|
||
"iconFontName": "signal",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$text-primary"
|
||
},
|
||
{
|
||
"type": "icon_font",
|
||
"id": "0u68q",
|
||
"name": "wifiIcon",
|
||
"width": 16,
|
||
"height": 16,
|
||
"iconFontName": "wifi",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$text-primary"
|
||
},
|
||
{
|
||
"type": "icon_font",
|
||
"id": "tfaiK",
|
||
"name": "battIcon",
|
||
"width": 16,
|
||
"height": 16,
|
||
"iconFontName": "battery-full",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$text-primary"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "MCT8i",
|
||
"name": "Content",
|
||
"clip": true,
|
||
"width": "fill_container",
|
||
"height": "fill_container",
|
||
"layout": "vertical",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "9DMx6",
|
||
"name": "Scroll Area",
|
||
"clip": true,
|
||
"width": "fill_container",
|
||
"height": "fill_container",
|
||
"layout": "vertical",
|
||
"gap": 16,
|
||
"padding": [
|
||
0,
|
||
16,
|
||
32,
|
||
16
|
||
],
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "utKye",
|
||
"name": "titleFrame",
|
||
"width": "fill_container",
|
||
"layout": "vertical",
|
||
"padding": [
|
||
16,
|
||
0,
|
||
8,
|
||
0
|
||
],
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "G3s7O",
|
||
"name": "titleText",
|
||
"fill": "$text-primary",
|
||
"content": "资产",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 22,
|
||
"fontWeight": "700"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "EmgZe",
|
||
"name": "Account Tab Switcher",
|
||
"width": "fill_container",
|
||
"height": 40,
|
||
"fill": "$bg-tertiary",
|
||
"cornerRadius": "$radius-md",
|
||
"padding": 3,
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "u9BpW",
|
||
"name": "activeTab",
|
||
"width": "fill_container",
|
||
"height": "fill_container",
|
||
"fill": "$bg-primary",
|
||
"cornerRadius": "$radius-sm",
|
||
"effect": {
|
||
"type": "shadow",
|
||
"shadowType": "outer",
|
||
"color": "#0000000D",
|
||
"offset": {
|
||
"x": 0,
|
||
"y": 1
|
||
},
|
||
"blur": 3
|
||
},
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "Q2pm4",
|
||
"name": "activeTabText",
|
||
"fill": "$text-primary",
|
||
"content": "资金账户",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "JBFvv",
|
||
"name": "inactiveTab",
|
||
"width": "fill_container",
|
||
"height": "fill_container",
|
||
"fill": "#00000000",
|
||
"cornerRadius": "$radius-sm",
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "7btbr",
|
||
"name": "inactiveTabText",
|
||
"fill": "$text-secondary",
|
||
"content": "交易账户",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "mSoNU",
|
||
"name": "Balance Card",
|
||
"width": "fill_container",
|
||
"fill": "$surface-card",
|
||
"cornerRadius": "$radius-lg",
|
||
"stroke": {
|
||
"thickness": 1,
|
||
"fill": "$border-default"
|
||
},
|
||
"layout": "vertical",
|
||
"gap": 12,
|
||
"padding": 20,
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "XrJzN",
|
||
"name": "balLabel",
|
||
"fill": "$text-secondary",
|
||
"content": "USDT 余额",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "normal"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "LN2ft",
|
||
"name": "balAmount",
|
||
"fill": "$text-primary",
|
||
"content": "25,680.50",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 28,
|
||
"fontWeight": "700"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "7eHD4",
|
||
"name": "balSubRow",
|
||
"fill": "$text-muted",
|
||
"content": "≈ $25,680.50 USD",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "FIzzB",
|
||
"name": "Action Buttons",
|
||
"width": "fill_container",
|
||
"gap": 12,
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "sjyfi",
|
||
"name": "btn1",
|
||
"width": "fill_container",
|
||
"layout": "vertical",
|
||
"gap": 6,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "J3Iqh",
|
||
"name": "btn1Circle",
|
||
"width": 48,
|
||
"height": 48,
|
||
"fill": "$bg-tertiary",
|
||
"cornerRadius": 24,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "zm5WE",
|
||
"name": "btn1Icon",
|
||
"width": 20,
|
||
"height": 20,
|
||
"iconFontName": "arrow-up-right",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$accent-primary"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "nW7sY",
|
||
"name": "btn1Label",
|
||
"fill": "$text-secondary",
|
||
"content": "充值",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "m6myT",
|
||
"name": "btn2",
|
||
"width": "fill_container",
|
||
"layout": "vertical",
|
||
"gap": 6,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "CCuAe",
|
||
"name": "btn2Circle",
|
||
"width": 48,
|
||
"height": 48,
|
||
"fill": "$bg-tertiary",
|
||
"cornerRadius": 24,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "Xr3pW",
|
||
"name": "btn2Icon",
|
||
"width": 20,
|
||
"height": 20,
|
||
"iconFontName": "arrow-down-left",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$accent-primary"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "se9Mt",
|
||
"name": "btn2Label",
|
||
"fill": "$text-secondary",
|
||
"content": "提现",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "am5ik",
|
||
"name": "btn3",
|
||
"width": "fill_container",
|
||
"layout": "vertical",
|
||
"gap": 6,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "BKZH8",
|
||
"name": "btn3Circle",
|
||
"width": 48,
|
||
"height": 48,
|
||
"fill": "$bg-tertiary",
|
||
"cornerRadius": 24,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "XiUjp",
|
||
"name": "btn3Icon",
|
||
"width": 20,
|
||
"height": 20,
|
||
"iconFontName": "repeat",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$accent-primary"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "FDTXB",
|
||
"name": "btn3Label",
|
||
"fill": "$text-secondary",
|
||
"content": "划转",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "eaLIn",
|
||
"name": "Records Link",
|
||
"width": "fill_container",
|
||
"fill": "$surface-card",
|
||
"cornerRadius": "$radius-lg",
|
||
"stroke": {
|
||
"thickness": 1,
|
||
"fill": "$border-default"
|
||
},
|
||
"padding": [
|
||
14,
|
||
16
|
||
],
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "JGQMO",
|
||
"name": "recordsText",
|
||
"fill": "$text-primary",
|
||
"content": "充提记录",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "500"
|
||
},
|
||
{
|
||
"type": "icon_font",
|
||
"id": "hMXYd",
|
||
"name": "recordsChevron",
|
||
"width": 16,
|
||
"height": 16,
|
||
"iconFontName": "chevron-right",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$text-muted"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "XDbDh",
|
||
"name": "Holdings Header",
|
||
"width": "fill_container",
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "fIGON",
|
||
"name": "holdingsTitle",
|
||
"fill": "$text-primary",
|
||
"content": "交易账户持仓",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 16,
|
||
"fontWeight": "600"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "lBXlS",
|
||
"name": "holdingsViewAll",
|
||
"fill": "$text-secondary",
|
||
"content": "查看全部 >",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "ynCFg",
|
||
"name": "Holdings Card",
|
||
"width": "fill_container",
|
||
"fill": "$surface-card",
|
||
"cornerRadius": "$radius-lg",
|
||
"stroke": {
|
||
"thickness": 1,
|
||
"fill": "$border-default"
|
||
},
|
||
"layout": "vertical",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "bQ5Il",
|
||
"name": "BTC Row",
|
||
"width": "fill_container",
|
||
"padding": [
|
||
14,
|
||
16
|
||
],
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "6RWtV",
|
||
"name": "row1Left",
|
||
"gap": 10,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "GpZsz",
|
||
"name": "row1Avatar",
|
||
"width": 36,
|
||
"height": 36,
|
||
"fill": "$accent-light",
|
||
"cornerRadius": 18,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "6JDUN",
|
||
"name": "row1AvatarText",
|
||
"fill": "$accent-primary",
|
||
"content": "B",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "700"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "65YOf",
|
||
"name": "row1CoinInfo",
|
||
"layout": "vertical",
|
||
"gap": 2,
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "hMgFx",
|
||
"name": "row1CoinName",
|
||
"fill": "$text-primary",
|
||
"content": "BTC",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "600"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "9H7XV",
|
||
"name": "row1CoinAmt",
|
||
"fill": "$text-secondary",
|
||
"content": "0.5000",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "TODB2",
|
||
"name": "row1Right",
|
||
"layout": "vertical",
|
||
"gap": 2,
|
||
"alignItems": "end",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "dszWV",
|
||
"name": "row1Value",
|
||
"fill": "$text-primary",
|
||
"content": "34,216.25 USDT",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 13,
|
||
"fontWeight": "500"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "Mgg59",
|
||
"name": "row1Pnl",
|
||
"fill": "$profit-green",
|
||
"content": "+5.23%",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "rectangle",
|
||
"id": "hnX0A",
|
||
"name": "divider1",
|
||
"opacity": 0.5,
|
||
"fill": "$border-default",
|
||
"width": "fill_container",
|
||
"height": 1
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "8y5gb",
|
||
"name": "ETH Row",
|
||
"width": "fill_container",
|
||
"padding": [
|
||
14,
|
||
16
|
||
],
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "bvD8S",
|
||
"name": "row2Left",
|
||
"gap": 10,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "5MVLj",
|
||
"name": "row2Avatar",
|
||
"width": 36,
|
||
"height": 36,
|
||
"fill": "$accent-light",
|
||
"cornerRadius": 18,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "FD48H",
|
||
"name": "row2AvatarText",
|
||
"fill": "$accent-primary",
|
||
"content": "E",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "700"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "o6wsG",
|
||
"name": "row2CoinInfo",
|
||
"layout": "vertical",
|
||
"gap": 2,
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "9bK4H",
|
||
"name": "row2CoinName",
|
||
"fill": "$text-primary",
|
||
"content": "ETH",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "600"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "OQ7lc",
|
||
"name": "row2CoinAmt",
|
||
"fill": "$text-secondary",
|
||
"content": "2.1500",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "nXmBa",
|
||
"name": "row2Right",
|
||
"layout": "vertical",
|
||
"gap": 2,
|
||
"alignItems": "end",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "TMURg",
|
||
"name": "row2Value",
|
||
"fill": "$text-primary",
|
||
"content": "8,291.33 USDT",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 13,
|
||
"fontWeight": "500"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "D9rFH",
|
||
"name": "row2Pnl",
|
||
"fill": "$profit-green",
|
||
"content": "+1.87%",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "rectangle",
|
||
"id": "NtTzh",
|
||
"name": "divider2",
|
||
"opacity": 0.5,
|
||
"fill": "$border-default",
|
||
"width": "fill_container",
|
||
"height": 1
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "NiDDL",
|
||
"name": "SOL Row",
|
||
"width": "fill_container",
|
||
"padding": [
|
||
14,
|
||
16
|
||
],
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "J4m3v",
|
||
"name": "row3Left",
|
||
"gap": 10,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "h0pwp",
|
||
"name": "row3Avatar",
|
||
"width": 36,
|
||
"height": 36,
|
||
"fill": "$accent-light",
|
||
"cornerRadius": 18,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "gdtEJ",
|
||
"name": "row3AvatarText",
|
||
"fill": "$accent-primary",
|
||
"content": "S",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "700"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "Ijut3",
|
||
"name": "row3CoinInfo",
|
||
"layout": "vertical",
|
||
"gap": 2,
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "Rz1LN",
|
||
"name": "row3CoinName",
|
||
"fill": "$text-primary",
|
||
"content": "SOL",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "600"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "IeXtW",
|
||
"name": "row3CoinAmt",
|
||
"fill": "$text-secondary",
|
||
"content": "120.00",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "KyLnr",
|
||
"name": "row3Right",
|
||
"layout": "vertical",
|
||
"gap": 2,
|
||
"alignItems": "end",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "iXiTq",
|
||
"name": "row3Value",
|
||
"fill": "$text-primary",
|
||
"content": "21,438.00 USDT",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 13,
|
||
"fontWeight": "500"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "T5koY",
|
||
"name": "row3Pnl",
|
||
"fill": "$loss-red",
|
||
"content": "-2.45%",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "kAGob",
|
||
"name": "Tab Bar",
|
||
"width": "fill_container",
|
||
"height": 83,
|
||
"fill": "$bg-primary",
|
||
"stroke": {
|
||
"thickness": {
|
||
"top": 1
|
||
},
|
||
"fill": "$border-default"
|
||
},
|
||
"padding": [
|
||
8,
|
||
16,
|
||
24,
|
||
16
|
||
],
|
||
"justifyContent": "space_around",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "c4J3c",
|
||
"name": "tab1",
|
||
"layout": "vertical",
|
||
"gap": 4,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "ynJiD",
|
||
"name": "tab1Icon",
|
||
"width": 22,
|
||
"height": 22,
|
||
"iconFontName": "house",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$tab-inactive-text"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "sRPjP",
|
||
"name": "tab1Label",
|
||
"fill": "$tab-inactive-text",
|
||
"content": "首页",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 10,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "RWh9O",
|
||
"name": "tab2",
|
||
"layout": "vertical",
|
||
"gap": 4,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "rFfpq",
|
||
"name": "tab2Icon",
|
||
"width": 22,
|
||
"height": 22,
|
||
"iconFontName": "trending-up",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$tab-inactive-text"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "XxXHe",
|
||
"name": "tab2Label",
|
||
"fill": "$tab-inactive-text",
|
||
"content": "行情",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 10,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "ANqiY",
|
||
"name": "tab3",
|
||
"layout": "vertical",
|
||
"gap": 4,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "v37aT",
|
||
"name": "tab3Icon",
|
||
"width": 22,
|
||
"height": 22,
|
||
"iconFontName": "arrow-left-right",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$tab-inactive-text"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "Moune",
|
||
"name": "tab3Label",
|
||
"fill": "$tab-inactive-text",
|
||
"content": "交易",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 10,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "Czjzv",
|
||
"name": "tab4",
|
||
"layout": "vertical",
|
||
"gap": 4,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "nFWGp",
|
||
"name": "tab4Icon",
|
||
"width": 22,
|
||
"height": 22,
|
||
"iconFontName": "wallet",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$accent-primary"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "5ZmnM",
|
||
"name": "tab4Label",
|
||
"fill": "$accent-primary",
|
||
"content": "资产",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 10,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "hwK8b",
|
||
"name": "tab5",
|
||
"layout": "vertical",
|
||
"gap": 4,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "hEdOY",
|
||
"name": "tab5Icon",
|
||
"width": 22,
|
||
"height": 22,
|
||
"iconFontName": "user",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$tab-inactive-text"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "6jx20",
|
||
"name": "tab5Label",
|
||
"fill": "$tab-inactive-text",
|
||
"content": "我的",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 10,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "UaSzl",
|
||
"x": 0,
|
||
"y": 3600,
|
||
"name": "Mine - 我的 (Dark)",
|
||
"theme": {
|
||
"mode": "dark"
|
||
},
|
||
"clip": true,
|
||
"width": 390,
|
||
"height": 844,
|
||
"fill": "$bg-secondary",
|
||
"layout": "vertical",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "iu7C7",
|
||
"name": "Status Bar",
|
||
"width": "fill_container",
|
||
"height": 62,
|
||
"fill": "$bg-primary",
|
||
"padding": [
|
||
0,
|
||
24
|
||
],
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "w7wmm",
|
||
"name": "Time",
|
||
"fill": "$text-primary",
|
||
"content": "9:41",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 15,
|
||
"fontWeight": "600"
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "2Qgbm",
|
||
"name": "Right Icons",
|
||
"gap": 6,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "9Fyyj",
|
||
"name": "signalIcon",
|
||
"width": 16,
|
||
"height": 16,
|
||
"iconFontName": "signal",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$text-primary"
|
||
},
|
||
{
|
||
"type": "icon_font",
|
||
"id": "2T5yf",
|
||
"name": "wifiIcon",
|
||
"width": 16,
|
||
"height": 16,
|
||
"iconFontName": "wifi",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$text-primary"
|
||
},
|
||
{
|
||
"type": "icon_font",
|
||
"id": "eBjtH",
|
||
"name": "batteryIcon",
|
||
"width": 22,
|
||
"height": 16,
|
||
"iconFontName": "battery-full",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$text-primary"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "760Or",
|
||
"name": "Content",
|
||
"clip": true,
|
||
"width": "fill_container",
|
||
"height": "fill_container",
|
||
"layout": "vertical",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "dAeSc",
|
||
"name": "Scroll Area",
|
||
"clip": true,
|
||
"width": "fill_container",
|
||
"height": "fill_container",
|
||
"layout": "vertical",
|
||
"gap": 12,
|
||
"padding": [
|
||
0,
|
||
16,
|
||
32,
|
||
16
|
||
],
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "A3UzW",
|
||
"name": "Profile Card",
|
||
"width": "fill_container",
|
||
"fill": "$surface-card",
|
||
"cornerRadius": "$radius-lg",
|
||
"stroke": {
|
||
"thickness": 1,
|
||
"fill": "$border-default"
|
||
},
|
||
"layout": "vertical",
|
||
"gap": 16,
|
||
"padding": 20,
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "6bUet",
|
||
"name": "Top Row",
|
||
"width": "fill_container",
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "euG8z",
|
||
"name": "Left Section",
|
||
"gap": 12,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "lvzon",
|
||
"name": "Avatar",
|
||
"width": 48,
|
||
"height": 48,
|
||
"fill": "$accent-light",
|
||
"cornerRadius": 24,
|
||
"layout": "vertical",
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "0rajI",
|
||
"name": "avatarText",
|
||
"fill": "$accent-primary",
|
||
"content": "S",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 18,
|
||
"fontWeight": "700"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "bsnQf",
|
||
"name": "Name Column",
|
||
"layout": "vertical",
|
||
"gap": 4,
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "9aflc",
|
||
"name": "userName",
|
||
"fill": "$text-primary",
|
||
"content": "sion123",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 16,
|
||
"fontWeight": "600"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "3qT3S",
|
||
"name": "userBadge",
|
||
"fill": "$text-muted",
|
||
"content": "普通用户",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 10,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "icon_font",
|
||
"id": "4KIHg",
|
||
"name": "chevronRight",
|
||
"width": 16,
|
||
"height": 16,
|
||
"iconFontName": "chevron-right",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$text-muted"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "rectangle",
|
||
"id": "trD4W",
|
||
"name": "Divider",
|
||
"opacity": 0.5,
|
||
"fill": "$border-default",
|
||
"width": "fill_container",
|
||
"height": 1
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "Fp7i1",
|
||
"name": "Menu Group 1",
|
||
"clip": true,
|
||
"width": "fill_container",
|
||
"fill": "$surface-card",
|
||
"cornerRadius": "$radius-lg",
|
||
"stroke": {
|
||
"thickness": 1,
|
||
"fill": "$border-default"
|
||
},
|
||
"layout": "vertical",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "uVgCq",
|
||
"name": "Row - Welfare",
|
||
"width": "fill_container",
|
||
"padding": [
|
||
14,
|
||
16
|
||
],
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "twbop",
|
||
"name": "Left",
|
||
"gap": 10,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "ARo8W",
|
||
"name": "Icon Frame",
|
||
"width": 36,
|
||
"height": 36,
|
||
"fill": "$bg-tertiary",
|
||
"cornerRadius": 8,
|
||
"layout": "vertical",
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "jdctI",
|
||
"name": "row1Icon",
|
||
"width": 18,
|
||
"height": 18,
|
||
"iconFontName": "gift",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$gold-accent"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "mvPm0",
|
||
"name": "row1Label",
|
||
"fill": "$text-primary",
|
||
"content": "福利中心",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "icon_font",
|
||
"id": "3gq6N",
|
||
"name": "row1Chevron",
|
||
"width": 16,
|
||
"height": 16,
|
||
"iconFontName": "chevron-right",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$text-muted"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "rectangle",
|
||
"id": "UuoOG",
|
||
"name": "divider1",
|
||
"fill": "$border-default",
|
||
"width": "fill_container",
|
||
"height": 1
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "IdAsU",
|
||
"name": "Row - Verify",
|
||
"width": "fill_container",
|
||
"padding": [
|
||
14,
|
||
16
|
||
],
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "vGIz0",
|
||
"name": "Left",
|
||
"gap": 10,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "WXTgP",
|
||
"name": "Icon Frame",
|
||
"width": 36,
|
||
"height": 36,
|
||
"fill": "$bg-tertiary",
|
||
"cornerRadius": 8,
|
||
"layout": "vertical",
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "SAe7j",
|
||
"name": "row2Icon",
|
||
"width": 18,
|
||
"height": 18,
|
||
"iconFontName": "shield-check",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$profit-green"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "uIb1O",
|
||
"name": "row2Label",
|
||
"fill": "$text-primary",
|
||
"content": "实名认证",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "yVA8W",
|
||
"name": "Right",
|
||
"gap": 8,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "7gp8c",
|
||
"name": "Verified Badge",
|
||
"fill": "$profit-green-bg",
|
||
"cornerRadius": "$radius-sm",
|
||
"padding": [
|
||
3,
|
||
8
|
||
],
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "NDkb0",
|
||
"name": "badgeText",
|
||
"fill": "$profit-green",
|
||
"content": "已认证",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 10,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "icon_font",
|
||
"id": "vuF2V",
|
||
"name": "row2Chevron",
|
||
"width": 16,
|
||
"height": 16,
|
||
"iconFontName": "chevron-right",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$text-muted"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "rectangle",
|
||
"id": "7ChxE",
|
||
"name": "divider2",
|
||
"fill": "$border-default",
|
||
"width": "fill_container",
|
||
"height": 1
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "vVkZA",
|
||
"name": "Row - Security",
|
||
"width": "fill_container",
|
||
"padding": [
|
||
14,
|
||
16
|
||
],
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "LTQpN",
|
||
"name": "Left",
|
||
"gap": 10,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "gME8u",
|
||
"name": "Icon Frame",
|
||
"width": 36,
|
||
"height": 36,
|
||
"fill": "$bg-tertiary",
|
||
"cornerRadius": 8,
|
||
"layout": "vertical",
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "rYcYK",
|
||
"name": "row3Icon",
|
||
"width": 18,
|
||
"height": 18,
|
||
"iconFontName": "lock",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$text-secondary"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "bTpDR",
|
||
"name": "row3Label",
|
||
"fill": "$text-primary",
|
||
"content": "安全设置",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "icon_font",
|
||
"id": "xzXCZ",
|
||
"name": "row3Chevron",
|
||
"width": 16,
|
||
"height": 16,
|
||
"iconFontName": "chevron-right",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$text-muted"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "rectangle",
|
||
"id": "wREJM",
|
||
"name": "divider3",
|
||
"fill": "$border-default",
|
||
"width": "fill_container",
|
||
"height": 1
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "wy8Wm",
|
||
"name": "Row - Notification",
|
||
"width": "fill_container",
|
||
"padding": [
|
||
14,
|
||
16
|
||
],
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "c8xCs",
|
||
"name": "Left",
|
||
"gap": 10,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "4yGzN",
|
||
"name": "Icon Frame",
|
||
"width": 36,
|
||
"height": 36,
|
||
"fill": "$bg-tertiary",
|
||
"cornerRadius": 8,
|
||
"layout": "vertical",
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "5LGKO",
|
||
"name": "row4Icon",
|
||
"width": 18,
|
||
"height": 18,
|
||
"iconFontName": "bell",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$text-secondary"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "DnpUZ",
|
||
"name": "row4Label",
|
||
"fill": "$text-primary",
|
||
"content": "消息通知",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "U5zwE",
|
||
"name": "Right",
|
||
"gap": 8,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "ellipse",
|
||
"id": "BVybs",
|
||
"name": "Red Dot",
|
||
"fill": "$loss-red",
|
||
"width": 8,
|
||
"height": 8
|
||
},
|
||
{
|
||
"type": "icon_font",
|
||
"id": "CEUcl",
|
||
"name": "row4Chevron",
|
||
"width": 16,
|
||
"height": 16,
|
||
"iconFontName": "chevron-right",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$text-muted"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "JK4bB",
|
||
"name": "Menu Group 2",
|
||
"clip": true,
|
||
"width": "fill_container",
|
||
"fill": "$surface-card",
|
||
"cornerRadius": "$radius-lg",
|
||
"stroke": {
|
||
"thickness": 1,
|
||
"fill": "$border-default"
|
||
},
|
||
"layout": "vertical",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "yFFjb",
|
||
"name": "Row - Dark Mode",
|
||
"width": "fill_container",
|
||
"padding": [
|
||
14,
|
||
16
|
||
],
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "Twg8x",
|
||
"name": "Left",
|
||
"gap": 10,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "9C6bC",
|
||
"name": "Icon Frame",
|
||
"width": 36,
|
||
"height": 36,
|
||
"fill": "$bg-tertiary",
|
||
"cornerRadius": 8,
|
||
"layout": "vertical",
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "yQ2EL",
|
||
"name": "mg2r1Icon",
|
||
"width": 18,
|
||
"height": 18,
|
||
"iconFontName": "moon",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$text-secondary"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "rNp2A",
|
||
"name": "mg2r1Label",
|
||
"fill": "$text-primary",
|
||
"content": "深色模式",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "zLRmX",
|
||
"name": "Toggle Switch",
|
||
"width": 44,
|
||
"height": 24,
|
||
"fill": "$bg-tertiary",
|
||
"cornerRadius": 12,
|
||
"padding": 2,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "ellipse",
|
||
"id": "UchmJ",
|
||
"name": "Toggle Circle",
|
||
"fill": "$text-inverse",
|
||
"width": 20,
|
||
"height": 20
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "rectangle",
|
||
"id": "YG0Fs",
|
||
"name": "mg2divider1",
|
||
"fill": "$border-default",
|
||
"width": "fill_container",
|
||
"height": 1
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "x7YeQ",
|
||
"name": "Row - Settings",
|
||
"width": "fill_container",
|
||
"padding": [
|
||
14,
|
||
16
|
||
],
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "mQU1v",
|
||
"name": "Left",
|
||
"gap": 10,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "F6Ucr",
|
||
"name": "Icon Frame",
|
||
"width": 36,
|
||
"height": 36,
|
||
"fill": "$bg-tertiary",
|
||
"cornerRadius": 8,
|
||
"layout": "vertical",
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "tsv4E",
|
||
"name": "mg2r2Icon",
|
||
"width": 18,
|
||
"height": 18,
|
||
"iconFontName": "settings",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$text-secondary"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "vVjBx",
|
||
"name": "mg2r2Label",
|
||
"fill": "$text-primary",
|
||
"content": "系统设置",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "icon_font",
|
||
"id": "7cicf",
|
||
"name": "mg2r2Chevron",
|
||
"width": 16,
|
||
"height": 16,
|
||
"iconFontName": "chevron-right",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$text-muted"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "rectangle",
|
||
"id": "6zV4Y",
|
||
"name": "mg2divider2",
|
||
"fill": "$border-default",
|
||
"width": "fill_container",
|
||
"height": 1
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "kLo26",
|
||
"name": "Row - About",
|
||
"width": "fill_container",
|
||
"padding": [
|
||
14,
|
||
16
|
||
],
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "gHu0h",
|
||
"name": "Left",
|
||
"gap": 10,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "jq3af",
|
||
"name": "Icon Frame",
|
||
"width": 36,
|
||
"height": 36,
|
||
"fill": "$bg-tertiary",
|
||
"cornerRadius": 8,
|
||
"layout": "vertical",
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "1fkYQ",
|
||
"name": "mg2r3Icon",
|
||
"width": 18,
|
||
"height": 18,
|
||
"iconFontName": "info",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$text-secondary"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "V6jBh",
|
||
"name": "mg2r3Label",
|
||
"fill": "$text-primary",
|
||
"content": "关于我们",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "icon_font",
|
||
"id": "wmk5F",
|
||
"name": "mg2r3Chevron",
|
||
"width": 16,
|
||
"height": 16,
|
||
"iconFontName": "chevron-right",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$text-muted"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "bUYq5",
|
||
"name": "Logout Button",
|
||
"width": "fill_container",
|
||
"height": 48,
|
||
"fill": "$loss-red-bg",
|
||
"cornerRadius": "$radius-lg",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1,
|
||
"fill": "#DC262626"
|
||
},
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "sa61A",
|
||
"name": "logoutText",
|
||
"fill": "$loss-red",
|
||
"content": "退出登录",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "lzMql",
|
||
"name": "Version Text",
|
||
"fill": "$text-muted",
|
||
"textGrowth": "fixed-width",
|
||
"width": "fill_container",
|
||
"content": "System Build v1.0.0",
|
||
"textAlign": "center",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "3HQfw",
|
||
"name": "Tab Bar Container",
|
||
"width": "fill_container",
|
||
"fill": "$bg-primary",
|
||
"padding": [
|
||
12,
|
||
21,
|
||
21,
|
||
21
|
||
],
|
||
"justifyContent": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "2NpWP",
|
||
"name": "Pill",
|
||
"width": "fill_container",
|
||
"height": 62,
|
||
"fill": "$surface-card",
|
||
"cornerRadius": 36,
|
||
"stroke": {
|
||
"thickness": 1,
|
||
"fill": "$border-default"
|
||
},
|
||
"padding": 4,
|
||
"justifyContent": "space_around",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "9O4J5",
|
||
"name": "Tab 1 - Home",
|
||
"width": "fill_container",
|
||
"height": "fill_container",
|
||
"cornerRadius": 26,
|
||
"layout": "vertical",
|
||
"gap": 4,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "XXJ1S",
|
||
"name": "tab1Icon",
|
||
"width": 18,
|
||
"height": 18,
|
||
"iconFontName": "house",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$tab-inactive-text"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "USpID",
|
||
"name": "tab1Label",
|
||
"fill": "$tab-inactive-text",
|
||
"content": "首页",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 10,
|
||
"fontWeight": "600",
|
||
"letterSpacing": 0.5
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "7bbPl",
|
||
"name": "Tab 2 - Market",
|
||
"width": "fill_container",
|
||
"height": "fill_container",
|
||
"cornerRadius": 26,
|
||
"layout": "vertical",
|
||
"gap": 4,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "0bnQT",
|
||
"name": "tab2Icon",
|
||
"width": 18,
|
||
"height": 18,
|
||
"iconFontName": "trending-up",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$tab-inactive-text"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "cDlae",
|
||
"name": "tab2Label",
|
||
"fill": "$tab-inactive-text",
|
||
"content": "行情",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 10,
|
||
"fontWeight": "600",
|
||
"letterSpacing": 0.5
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "RgrFz",
|
||
"name": "Tab 3 - Trade",
|
||
"width": "fill_container",
|
||
"height": "fill_container",
|
||
"cornerRadius": 26,
|
||
"layout": "vertical",
|
||
"gap": 4,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "qyjDN",
|
||
"name": "tab3Icon",
|
||
"width": 18,
|
||
"height": 18,
|
||
"iconFontName": "arrow-left-right",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$tab-inactive-text"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "GY3Sa",
|
||
"name": "tab3Label",
|
||
"fill": "$tab-inactive-text",
|
||
"content": "交易",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 10,
|
||
"fontWeight": "600",
|
||
"letterSpacing": 0.5
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "1cbRJ",
|
||
"name": "Tab 4 - Assets",
|
||
"width": "fill_container",
|
||
"height": "fill_container",
|
||
"cornerRadius": 26,
|
||
"layout": "vertical",
|
||
"gap": 4,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "EohI7",
|
||
"name": "tab4Icon",
|
||
"width": 18,
|
||
"height": 18,
|
||
"iconFontName": "wallet",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$tab-inactive-text"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "N8UbW",
|
||
"name": "tab4Label",
|
||
"fill": "$tab-inactive-text",
|
||
"content": "资产",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 10,
|
||
"fontWeight": "600",
|
||
"letterSpacing": 0.5
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "PKYWb",
|
||
"name": "Tab 5 - Mine",
|
||
"width": "fill_container",
|
||
"height": "fill_container",
|
||
"fill": "$tab-active-bg",
|
||
"cornerRadius": 26,
|
||
"layout": "vertical",
|
||
"gap": 4,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "2PVAi",
|
||
"name": "tab5Icon",
|
||
"width": 18,
|
||
"height": 18,
|
||
"iconFontName": "user",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$tab-active-text"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "1c8R8",
|
||
"name": "tab5Label",
|
||
"fill": "$tab-active-text",
|
||
"content": "我的",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 10,
|
||
"fontWeight": "600",
|
||
"letterSpacing": 0.5
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "ZEkUG",
|
||
"x": 420,
|
||
"y": 3600,
|
||
"name": "Transfer - 划转 (Dark)",
|
||
"theme": {
|
||
"mode": "dark"
|
||
},
|
||
"clip": true,
|
||
"width": 390,
|
||
"height": 844,
|
||
"fill": "$bg-primary",
|
||
"layout": "vertical",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "nrtMl",
|
||
"name": "Status Bar",
|
||
"width": "fill_container",
|
||
"height": 62,
|
||
"fill": "$bg-primary",
|
||
"padding": [
|
||
0,
|
||
16
|
||
],
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "C0RCw",
|
||
"name": "timeText",
|
||
"fill": "$text-primary",
|
||
"content": "9:41",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 15,
|
||
"fontWeight": "600"
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "R4vYq",
|
||
"name": "statusIcons",
|
||
"gap": 6,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "knJ4J",
|
||
"name": "sigIcon",
|
||
"width": 16,
|
||
"height": 16,
|
||
"iconFontName": "signal",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$text-primary"
|
||
},
|
||
{
|
||
"type": "icon_font",
|
||
"id": "WJMKV",
|
||
"name": "wifiIcon",
|
||
"width": 16,
|
||
"height": 16,
|
||
"iconFontName": "wifi",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$text-primary"
|
||
},
|
||
{
|
||
"type": "icon_font",
|
||
"id": "C6rRh",
|
||
"name": "batIcon",
|
||
"width": 22,
|
||
"height": 16,
|
||
"iconFontName": "battery-full",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$text-primary"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "v2slo",
|
||
"name": "Nav Bar",
|
||
"width": "fill_container",
|
||
"height": 44,
|
||
"fill": "$bg-primary",
|
||
"padding": [
|
||
0,
|
||
16
|
||
],
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "XM7tj",
|
||
"name": "backBtn",
|
||
"width": 20,
|
||
"height": 20,
|
||
"iconFontName": "arrow-left",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$text-primary"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "jSUXv",
|
||
"name": "navTitle",
|
||
"fill": "$text-primary",
|
||
"content": "账户划转",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 16,
|
||
"fontWeight": "600"
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "Oj0Wl",
|
||
"name": "navSpacer",
|
||
"width": 20,
|
||
"height": 20
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "Z9Bgk",
|
||
"name": "Content",
|
||
"width": "fill_container",
|
||
"height": "fill_container",
|
||
"fill": "$bg-secondary",
|
||
"layout": "vertical",
|
||
"gap": 24,
|
||
"padding": [
|
||
16,
|
||
16,
|
||
32,
|
||
16
|
||
],
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "pJbfJ",
|
||
"name": "Transfer Direction Card",
|
||
"width": "fill_container",
|
||
"fill": "$surface-card",
|
||
"cornerRadius": "$radius-xl",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1,
|
||
"fill": "$border-default"
|
||
},
|
||
"layout": "vertical",
|
||
"gap": 16,
|
||
"padding": 20,
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "NDLAB",
|
||
"name": "Source Section",
|
||
"width": "fill_container",
|
||
"layout": "vertical",
|
||
"gap": 8,
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "0YwNR",
|
||
"name": "srcLabel",
|
||
"fill": "$text-muted",
|
||
"content": "从",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "normal"
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "Upplj",
|
||
"name": "Source Row",
|
||
"width": "fill_container",
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "EU4yu",
|
||
"name": "srcLeft",
|
||
"gap": 10,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "ellipse",
|
||
"id": "e7mdQ",
|
||
"name": "srcIconBg",
|
||
"fill": "#F59E0B1A",
|
||
"width": 36,
|
||
"height": 36
|
||
},
|
||
{
|
||
"type": "icon_font",
|
||
"id": "bAYAN",
|
||
"name": "srcWalletIcon",
|
||
"width": 20,
|
||
"height": 20,
|
||
"iconFontName": "wallet",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$gold-accent"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "F84Op",
|
||
"name": "srcName",
|
||
"fill": "$text-primary",
|
||
"content": "资金账户",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 16,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "7cmk1",
|
||
"name": "srcBalance",
|
||
"fill": "$text-primary",
|
||
"content": "¥ 25,680.50",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "hYAh3",
|
||
"name": "Swap Row",
|
||
"width": "fill_container",
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "Vsesh",
|
||
"name": "Swap Button",
|
||
"width": 36,
|
||
"height": 36,
|
||
"fill": "$accent-primary",
|
||
"cornerRadius": 18,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "MiYOT",
|
||
"name": "swapIcon",
|
||
"width": 18,
|
||
"height": 18,
|
||
"iconFontName": "arrow-up-down",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$text-inverse"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "noEG0",
|
||
"name": "Destination Section",
|
||
"width": "fill_container",
|
||
"layout": "vertical",
|
||
"gap": 8,
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "gtNTy",
|
||
"name": "dstLabel",
|
||
"fill": "$text-muted",
|
||
"content": "到",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "normal"
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "xFV1D",
|
||
"name": "Dest Row",
|
||
"width": "fill_container",
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "OW04H",
|
||
"name": "dstLeft",
|
||
"gap": 10,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "ellipse",
|
||
"id": "1vANM",
|
||
"name": "dstIconBg",
|
||
"fill": "#F59E0B1A",
|
||
"width": 36,
|
||
"height": 36
|
||
},
|
||
{
|
||
"type": "icon_font",
|
||
"id": "Ixf7n",
|
||
"name": "dstTradeIcon",
|
||
"width": 20,
|
||
"height": 20,
|
||
"iconFontName": "trending-up",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$gold-accent"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "gKFKP",
|
||
"name": "dstName",
|
||
"fill": "$text-primary",
|
||
"content": "交易账户",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 16,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "VGHOS",
|
||
"name": "dstBalance",
|
||
"fill": "$text-primary",
|
||
"content": "¥ 0.00",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "rx95a",
|
||
"name": "Amount Section",
|
||
"width": "fill_container",
|
||
"layout": "vertical",
|
||
"gap": 12,
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "6UX44",
|
||
"name": "amtLabelRow",
|
||
"width": "fill_container",
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "A3nla",
|
||
"name": "amtLabel",
|
||
"fill": "$text-secondary",
|
||
"content": "划转金额",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "500"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "1bEne",
|
||
"name": "amtAllBtn",
|
||
"fill": "$gold-accent",
|
||
"content": "全部划转",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "piGMb",
|
||
"name": "Amount Input",
|
||
"width": "fill_container",
|
||
"height": 56,
|
||
"fill": "$bg-tertiary",
|
||
"cornerRadius": "$radius-lg",
|
||
"padding": [
|
||
0,
|
||
16
|
||
],
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "7IVuY",
|
||
"name": "amtValue",
|
||
"fill": "$text-primary",
|
||
"content": "0.00",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 28,
|
||
"fontWeight": "700"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "xj0DH",
|
||
"name": "amtSuffix",
|
||
"fill": "$text-muted",
|
||
"content": "USDT",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "t8OP5",
|
||
"name": "Percent Buttons",
|
||
"width": "fill_container",
|
||
"gap": 8,
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "SzElx",
|
||
"name": "pct25",
|
||
"width": "fill_container",
|
||
"height": 36,
|
||
"fill": "$bg-tertiary",
|
||
"cornerRadius": "$radius-sm",
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "ZLq76",
|
||
"name": "pct25T",
|
||
"fill": "$text-secondary",
|
||
"content": "25%",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 13,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "ITMx3",
|
||
"name": "pct50",
|
||
"width": "fill_container",
|
||
"height": 36,
|
||
"fill": "$bg-tertiary",
|
||
"cornerRadius": "$radius-sm",
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "jDQk3",
|
||
"name": "pct50T",
|
||
"fill": "$text-secondary",
|
||
"content": "50%",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 13,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "WXSgr",
|
||
"name": "pct75",
|
||
"width": "fill_container",
|
||
"height": 36,
|
||
"fill": "$bg-tertiary",
|
||
"cornerRadius": "$radius-sm",
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "40br2",
|
||
"name": "pct75T",
|
||
"fill": "$text-secondary",
|
||
"content": "75%",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 13,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "41trm",
|
||
"name": "pct100",
|
||
"width": "fill_container",
|
||
"height": 36,
|
||
"fill": "$bg-tertiary",
|
||
"cornerRadius": "$radius-sm",
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "8dTG3",
|
||
"name": "pct100T",
|
||
"fill": "$text-secondary",
|
||
"content": "100%",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 13,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "35RQZ",
|
||
"name": "Tips Card",
|
||
"width": "fill_container",
|
||
"fill": "$profit-green-bg",
|
||
"cornerRadius": "$radius-lg",
|
||
"gap": 8,
|
||
"padding": [
|
||
12,
|
||
16
|
||
],
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "A5RT4",
|
||
"name": "tipIcon",
|
||
"width": 16,
|
||
"height": 16,
|
||
"iconFontName": "info",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$profit-green"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "q1UTE",
|
||
"name": "tipText",
|
||
"fill": "$profit-green",
|
||
"content": "划转即时到账，无需手续费",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "vKDTj",
|
||
"name": "Confirm Button",
|
||
"width": "fill_container",
|
||
"height": 52,
|
||
"fill": "$accent-primary",
|
||
"cornerRadius": "$radius-lg",
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "Ra6cK",
|
||
"name": "confirmText",
|
||
"fill": "$text-inverse",
|
||
"content": "确认划转",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 16,
|
||
"fontWeight": "700"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "jUAcf",
|
||
"x": 840,
|
||
"y": 3600,
|
||
"name": "FundOrders - 充提记录 (Dark)",
|
||
"theme": {
|
||
"mode": "dark"
|
||
},
|
||
"clip": true,
|
||
"width": 390,
|
||
"height": 844,
|
||
"fill": "$bg-secondary",
|
||
"layout": "vertical",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "acAX8",
|
||
"name": "Status Bar",
|
||
"width": "fill_container",
|
||
"height": 62,
|
||
"fill": "$bg-primary",
|
||
"padding": [
|
||
0,
|
||
24
|
||
],
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "PwEgx",
|
||
"name": "timeText",
|
||
"fill": "$text-primary",
|
||
"content": "9:41",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 15,
|
||
"fontWeight": "600"
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "mYnhz",
|
||
"name": "statusIcons",
|
||
"gap": 6,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "n8bKA",
|
||
"name": "signalIcon",
|
||
"width": 16,
|
||
"height": 16,
|
||
"iconFontName": "signal",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$text-primary"
|
||
},
|
||
{
|
||
"type": "icon_font",
|
||
"id": "BFsrI",
|
||
"name": "wifiIcon",
|
||
"width": 16,
|
||
"height": 16,
|
||
"iconFontName": "wifi",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$text-primary"
|
||
},
|
||
{
|
||
"type": "icon_font",
|
||
"id": "MZVAD",
|
||
"name": "batteryIcon",
|
||
"width": 22,
|
||
"height": 16,
|
||
"iconFontName": "battery-full",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$text-primary"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "NQDfo",
|
||
"name": "Nav Bar",
|
||
"width": "fill_container",
|
||
"height": 44,
|
||
"fill": "$bg-primary",
|
||
"padding": [
|
||
0,
|
||
16
|
||
],
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "T6F3q",
|
||
"name": "backIcon",
|
||
"width": 20,
|
||
"height": 20,
|
||
"iconFontName": "arrow-left",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$text-primary"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "PDJkr",
|
||
"name": "navTitle",
|
||
"fill": "$text-primary",
|
||
"content": "充提记录",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 16,
|
||
"fontWeight": "600"
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "W4Uwc",
|
||
"name": "navSpacer",
|
||
"width": 20,
|
||
"height": 20
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "2hxlm",
|
||
"name": "Content",
|
||
"clip": true,
|
||
"width": "fill_container",
|
||
"height": "fill_container",
|
||
"fill": "$bg-secondary",
|
||
"layout": "vertical",
|
||
"gap": 16,
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "hSZ4q",
|
||
"name": "Filter Padding",
|
||
"width": "fill_container",
|
||
"layout": "vertical",
|
||
"padding": [
|
||
0,
|
||
16
|
||
],
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "paZ1j",
|
||
"name": "Filter Tabs",
|
||
"width": "fill_container",
|
||
"height": 40,
|
||
"fill": "$bg-tertiary",
|
||
"cornerRadius": "$radius-md",
|
||
"padding": 3,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "ii3E0",
|
||
"name": "Tab-Active",
|
||
"width": "fill_container",
|
||
"height": "fill_container",
|
||
"fill": "$bg-primary",
|
||
"cornerRadius": "$radius-sm",
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "CnCCu",
|
||
"name": "tabAllText",
|
||
"fill": "$text-primary",
|
||
"content": "全部",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "nptwv",
|
||
"name": "Tab-Inactive",
|
||
"width": "fill_container",
|
||
"height": "fill_container",
|
||
"fill": "#00000000",
|
||
"cornerRadius": "$radius-sm",
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "h14W4",
|
||
"name": "tabDepositText",
|
||
"fill": "$text-secondary",
|
||
"content": "充值",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "fbNro",
|
||
"name": "Tab-Inactive",
|
||
"width": "fill_container",
|
||
"height": "fill_container",
|
||
"fill": "#00000000",
|
||
"cornerRadius": "$radius-sm",
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "agzLJ",
|
||
"name": "tabWithdrawText",
|
||
"fill": "$text-secondary",
|
||
"content": "提现",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "eTpAI",
|
||
"name": "Scroll Area",
|
||
"clip": true,
|
||
"width": "fill_container",
|
||
"height": "fill_container",
|
||
"layout": "vertical",
|
||
"gap": 12,
|
||
"padding": [
|
||
0,
|
||
16,
|
||
32,
|
||
16
|
||
],
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "8FBRK",
|
||
"name": "Order Card 1 - Deposit Pending",
|
||
"width": "fill_container",
|
||
"fill": "$surface-card",
|
||
"cornerRadius": "$radius-lg",
|
||
"stroke": {
|
||
"thickness": 1,
|
||
"fill": "$border-default"
|
||
},
|
||
"layout": "vertical",
|
||
"gap": 12,
|
||
"padding": 16,
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "3mNDR",
|
||
"name": "Header",
|
||
"width": "fill_container",
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "bXhEl",
|
||
"name": "c1Badge1",
|
||
"fill": "$profit-green-bg",
|
||
"cornerRadius": 4,
|
||
"padding": [
|
||
4,
|
||
8
|
||
],
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "zdhR9",
|
||
"name": "c1Badge1Text",
|
||
"fill": "$profit-green",
|
||
"content": "充值",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "DVggv",
|
||
"name": "c1Badge2",
|
||
"fill": "#FEF3C7",
|
||
"cornerRadius": 4,
|
||
"padding": [
|
||
4,
|
||
8
|
||
],
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "wczv6",
|
||
"name": "c1Badge2Text",
|
||
"fill": "#D97706",
|
||
"content": "待确认",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "sdKlD",
|
||
"name": "card1Amount",
|
||
"fill": "$text-primary",
|
||
"content": "+5,000.00 USDT",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 18,
|
||
"fontWeight": "700"
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "8zWYI",
|
||
"name": "Details",
|
||
"width": "fill_container",
|
||
"layout": "vertical",
|
||
"gap": 6,
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "7xYFc",
|
||
"name": "c1Row1",
|
||
"width": "fill_container",
|
||
"justifyContent": "space_between",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "se7lJ",
|
||
"name": "c1Row1Label",
|
||
"fill": "$text-muted",
|
||
"content": "订单号",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "normal"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "rBKMs",
|
||
"name": "c1Row1Value",
|
||
"fill": "$text-primary",
|
||
"content": "ORD20250101001",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "EEiNC",
|
||
"name": "c1Row2",
|
||
"width": "fill_container",
|
||
"justifyContent": "space_between",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "kNMkC",
|
||
"name": "c1Row2Label",
|
||
"fill": "$text-muted",
|
||
"content": "网络",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "normal"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "HqZra",
|
||
"name": "c1Row2Value",
|
||
"fill": "$text-primary",
|
||
"content": "TRC20",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "ierRi",
|
||
"name": "c1Row3",
|
||
"width": "fill_container",
|
||
"justifyContent": "space_between",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "ERRq0",
|
||
"name": "c1Row3Label",
|
||
"fill": "$text-muted",
|
||
"content": "时间",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "normal"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "nIv6u",
|
||
"name": "c1Row3Value",
|
||
"fill": "$text-primary",
|
||
"content": "2025-01-15 14:30",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "cuddv",
|
||
"name": "Actions",
|
||
"width": "fill_container",
|
||
"gap": 12,
|
||
"justifyContent": "end",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "L6B5B",
|
||
"name": "c1BtnCancel",
|
||
"cornerRadius": "$radius-sm",
|
||
"stroke": {
|
||
"thickness": 1,
|
||
"fill": "$loss-red"
|
||
},
|
||
"padding": [
|
||
8,
|
||
16
|
||
],
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "dGChX",
|
||
"name": "c1BtnCancelText",
|
||
"fill": "$loss-red",
|
||
"content": "取消订单",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 13,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "2qSd8",
|
||
"name": "c1BtnPaid",
|
||
"fill": "$profit-green",
|
||
"cornerRadius": "$radius-sm",
|
||
"padding": [
|
||
8,
|
||
16
|
||
],
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "39YtT",
|
||
"name": "c1BtnPaidText",
|
||
"fill": "#FFFFFF",
|
||
"content": "已打款",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 13,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "nwvqc",
|
||
"name": "Order Card 2 - Deposit Completed",
|
||
"width": "fill_container",
|
||
"fill": "$surface-card",
|
||
"cornerRadius": "$radius-lg",
|
||
"stroke": {
|
||
"thickness": 1,
|
||
"fill": "$border-default"
|
||
},
|
||
"layout": "vertical",
|
||
"gap": 12,
|
||
"padding": 16,
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "3wYzX",
|
||
"name": "c2Header",
|
||
"width": "fill_container",
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "TuP9J",
|
||
"name": "c2Badge1",
|
||
"fill": "$profit-green-bg",
|
||
"cornerRadius": 4,
|
||
"padding": [
|
||
4,
|
||
8
|
||
],
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "orxfN",
|
||
"name": "c2Badge1Text",
|
||
"fill": "$profit-green",
|
||
"content": "充值",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "RwSdv",
|
||
"name": "c2Badge2",
|
||
"fill": "$profit-green-bg",
|
||
"cornerRadius": 4,
|
||
"padding": [
|
||
4,
|
||
8
|
||
],
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "EE61Z",
|
||
"name": "c2Badge2Text",
|
||
"fill": "$profit-green",
|
||
"content": "已完成",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "hmNhX",
|
||
"name": "c2Amount",
|
||
"fill": "$text-primary",
|
||
"content": "+10,000.00 USDT",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 18,
|
||
"fontWeight": "700"
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "AdiU1",
|
||
"name": "c2Details",
|
||
"width": "fill_container",
|
||
"layout": "vertical",
|
||
"gap": 6,
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "P8uPQ",
|
||
"name": "c2Row1",
|
||
"width": "fill_container",
|
||
"justifyContent": "space_between",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "vKG39",
|
||
"name": "c2Row1L",
|
||
"fill": "$text-muted",
|
||
"content": "订单号",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "normal"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "xGOiw",
|
||
"name": "c2Row1V",
|
||
"fill": "$text-primary",
|
||
"content": "ORD20250102002",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "larCy",
|
||
"name": "c2Row2",
|
||
"width": "fill_container",
|
||
"justifyContent": "space_between",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "SBhyQ",
|
||
"name": "c2Row2L",
|
||
"fill": "$text-muted",
|
||
"content": "网络",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "normal"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "JhKO6",
|
||
"name": "c2Row2V",
|
||
"fill": "$text-primary",
|
||
"content": "ERC20",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "LoRE5",
|
||
"name": "c2Row3",
|
||
"width": "fill_container",
|
||
"justifyContent": "space_between",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "cIAoe",
|
||
"name": "c2Row3L",
|
||
"fill": "$text-muted",
|
||
"content": "时间",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "normal"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "KOzOs",
|
||
"name": "c2Row3V",
|
||
"fill": "$text-primary",
|
||
"content": "2025-01-10 09:15",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "4UJQc",
|
||
"name": "Order Card 3 - Withdrawal Rejected",
|
||
"width": "fill_container",
|
||
"fill": "$surface-card",
|
||
"cornerRadius": "$radius-lg",
|
||
"stroke": {
|
||
"thickness": 1,
|
||
"fill": "$border-default"
|
||
},
|
||
"layout": "vertical",
|
||
"gap": 12,
|
||
"padding": 16,
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "MrIrI",
|
||
"name": "c3Header",
|
||
"width": "fill_container",
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "EptX8",
|
||
"name": "c3Badge1",
|
||
"fill": "$loss-red-bg",
|
||
"cornerRadius": 4,
|
||
"padding": [
|
||
4,
|
||
8
|
||
],
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "D8CNL",
|
||
"name": "c3Badge1Text",
|
||
"fill": "$loss-red",
|
||
"content": "提现",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "O7onP",
|
||
"name": "c3Badge2",
|
||
"fill": "$loss-red-bg",
|
||
"cornerRadius": 4,
|
||
"padding": [
|
||
4,
|
||
8
|
||
],
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "iHBwR",
|
||
"name": "c3Badge2Text",
|
||
"fill": "$loss-red",
|
||
"content": "已拒绝",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "tLYYh",
|
||
"name": "c3Amount",
|
||
"fill": "$text-primary",
|
||
"content": "-2,000.00 USDT",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 18,
|
||
"fontWeight": "700"
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "lbgrD",
|
||
"name": "c3Details",
|
||
"width": "fill_container",
|
||
"layout": "vertical",
|
||
"gap": 6,
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "hQioK",
|
||
"name": "c3Row1",
|
||
"width": "fill_container",
|
||
"justifyContent": "space_between",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "l9Ix3",
|
||
"name": "c3Row1L",
|
||
"fill": "$text-muted",
|
||
"content": "订单号",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "normal"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "Zohtj",
|
||
"name": "c3Row1V",
|
||
"fill": "$text-primary",
|
||
"content": "ORD20250103003",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "DPYDk",
|
||
"name": "c3Row2",
|
||
"width": "fill_container",
|
||
"justifyContent": "space_between",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "NwTao",
|
||
"name": "c3Row2L",
|
||
"fill": "$text-muted",
|
||
"content": "网络",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "normal"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "CSM4C",
|
||
"name": "c3Row2V",
|
||
"fill": "$text-primary",
|
||
"content": "TRC20",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "CI5gM",
|
||
"name": "c3Row3",
|
||
"width": "fill_container",
|
||
"justifyContent": "space_between",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "VQU54",
|
||
"name": "c3Row3L",
|
||
"fill": "$text-muted",
|
||
"content": "时间",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "normal"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "U1SYa",
|
||
"name": "c3Row3V",
|
||
"fill": "$text-primary",
|
||
"content": "2025-01-08 16:45",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "SmoTc",
|
||
"name": "c3Reason",
|
||
"fill": "$loss-red",
|
||
"content": "拒绝原因: 余额不足",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "F6FND",
|
||
"name": "Order Card 4 - Withdrawal Processing",
|
||
"width": "fill_container",
|
||
"fill": "$surface-card",
|
||
"cornerRadius": "$radius-lg",
|
||
"stroke": {
|
||
"thickness": 1,
|
||
"fill": "$border-default"
|
||
},
|
||
"layout": "vertical",
|
||
"gap": 12,
|
||
"padding": 16,
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "N3pBR",
|
||
"name": "c4Header",
|
||
"width": "fill_container",
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "ra8NV",
|
||
"name": "c4Badge1",
|
||
"fill": "$loss-red-bg",
|
||
"cornerRadius": 4,
|
||
"padding": [
|
||
4,
|
||
8
|
||
],
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "4jE3Z",
|
||
"name": "c4Badge1Text",
|
||
"fill": "$loss-red",
|
||
"content": "提现",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "hRef2",
|
||
"name": "c4Badge2",
|
||
"fill": "#FEF3C7",
|
||
"cornerRadius": 4,
|
||
"padding": [
|
||
4,
|
||
8
|
||
],
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "igW91",
|
||
"name": "c4Badge2Text",
|
||
"fill": "#D97706",
|
||
"content": "审核中",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "s5Lub",
|
||
"name": "c4Amount",
|
||
"fill": "$text-primary",
|
||
"content": "-3,500.00 USDT",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 18,
|
||
"fontWeight": "700"
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "XR3Na",
|
||
"name": "c4Details",
|
||
"width": "fill_container",
|
||
"layout": "vertical",
|
||
"gap": 6,
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "hOmLP",
|
||
"name": "c4Row1",
|
||
"width": "fill_container",
|
||
"justifyContent": "space_between",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "qJVI6",
|
||
"name": "c4Row1L",
|
||
"fill": "$text-muted",
|
||
"content": "订单号",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "normal"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "ypYzc",
|
||
"name": "c4Row1V",
|
||
"fill": "$text-primary",
|
||
"content": "ORD20250104004",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "exmQJ",
|
||
"name": "c4Row2",
|
||
"width": "fill_container",
|
||
"justifyContent": "space_between",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "uDlvG",
|
||
"name": "c4Row2L",
|
||
"fill": "$text-muted",
|
||
"content": "网络",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "normal"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "F4Tps",
|
||
"name": "c4Row2V",
|
||
"fill": "$text-primary",
|
||
"content": "TRC20",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "aFGK3",
|
||
"name": "c4Row3",
|
||
"width": "fill_container",
|
||
"justifyContent": "space_between",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "1aVu2",
|
||
"name": "c4Row3L",
|
||
"fill": "$text-muted",
|
||
"content": "地址",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "normal"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "aJHIG",
|
||
"name": "c4Row3V",
|
||
"fill": "$text-primary",
|
||
"content": "TJjK...x9m2",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "47uJ9",
|
||
"name": "c4Row4",
|
||
"width": "fill_container",
|
||
"justifyContent": "space_between",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "XlCPi",
|
||
"name": "c4Row4L",
|
||
"fill": "$text-muted",
|
||
"content": "手续费",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "normal"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "V8WVb",
|
||
"name": "c4Row4V",
|
||
"fill": "$text-primary",
|
||
"content": "10%",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "la1UY",
|
||
"name": "c4Row5",
|
||
"width": "fill_container",
|
||
"justifyContent": "space_between",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "KSE3L",
|
||
"name": "c4Row5L",
|
||
"fill": "$text-muted",
|
||
"content": "时间",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "normal"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "YN9Hk",
|
||
"name": "c4Row5V",
|
||
"fill": "$text-primary",
|
||
"content": "2025-01-12 11:20",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "M5NS1",
|
||
"name": "c4Payable",
|
||
"width": "fill_container",
|
||
"fill": "$bg-tertiary",
|
||
"cornerRadius": "$radius-sm",
|
||
"padding": [
|
||
8,
|
||
12
|
||
],
|
||
"justifyContent": "space_between",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "mKn3c",
|
||
"name": "c4PayableL",
|
||
"fill": "$text-secondary",
|
||
"content": "应付金额",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 13,
|
||
"fontWeight": "500"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "FM3XN",
|
||
"name": "c4PayableV",
|
||
"fill": "$text-primary",
|
||
"content": "3,150.00 USDT",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 13,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "eQUc6",
|
||
"x": 1260,
|
||
"y": 3600,
|
||
"name": "Welfare - 福利中心 (Dark)",
|
||
"theme": {
|
||
"mode": "dark"
|
||
},
|
||
"clip": true,
|
||
"width": 390,
|
||
"height": 844,
|
||
"fill": "$bg-secondary",
|
||
"layout": "vertical",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "bbleW",
|
||
"name": "Status Bar",
|
||
"width": "fill_container",
|
||
"height": 62,
|
||
"fill": "$bg-primary",
|
||
"padding": [
|
||
0,
|
||
24
|
||
],
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "uHo13",
|
||
"name": "timeLabel",
|
||
"fill": "$text-primary",
|
||
"content": "9:41",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 15,
|
||
"fontWeight": "600"
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "xmm85",
|
||
"name": "statusIcons",
|
||
"gap": 6,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "Mm7jI",
|
||
"name": "signal",
|
||
"width": 16,
|
||
"height": 16,
|
||
"iconFontName": "signal",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$text-primary"
|
||
},
|
||
{
|
||
"type": "icon_font",
|
||
"id": "IeBf7",
|
||
"name": "wifi",
|
||
"width": 16,
|
||
"height": 16,
|
||
"iconFontName": "wifi",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$text-primary"
|
||
},
|
||
{
|
||
"type": "icon_font",
|
||
"id": "0jrin",
|
||
"name": "battery",
|
||
"width": 22,
|
||
"height": 16,
|
||
"iconFontName": "battery-full",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$text-primary"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "aQV34",
|
||
"name": "Nav Bar",
|
||
"width": "fill_container",
|
||
"height": 44,
|
||
"fill": "$bg-primary",
|
||
"gap": 12,
|
||
"padding": [
|
||
0,
|
||
16
|
||
],
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "hK73W",
|
||
"name": "backIcon",
|
||
"width": 24,
|
||
"height": 24,
|
||
"iconFontName": "arrow-left",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$text-primary"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "ijTw6",
|
||
"name": "navTitle",
|
||
"fill": "$text-primary",
|
||
"content": "福利中心",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 17,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "j1bTR",
|
||
"name": "Content",
|
||
"clip": true,
|
||
"width": "fill_container",
|
||
"height": "fill_container",
|
||
"layout": "vertical",
|
||
"gap": 16,
|
||
"padding": [
|
||
0,
|
||
16,
|
||
32,
|
||
16
|
||
],
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "NNVw8",
|
||
"name": "Referral Code Card",
|
||
"width": "fill_container",
|
||
"fill": {
|
||
"type": "gradient",
|
||
"gradientType": "linear",
|
||
"enabled": true,
|
||
"rotation": 180,
|
||
"size": {
|
||
"height": 1
|
||
},
|
||
"colors": [
|
||
{
|
||
"color": "#F59E0B26",
|
||
"position": 0
|
||
},
|
||
{
|
||
"color": "#1F29370D",
|
||
"position": 1
|
||
}
|
||
]
|
||
},
|
||
"cornerRadius": "$radius-xl",
|
||
"stroke": {
|
||
"thickness": 1,
|
||
"fill": "#F59E0B4D"
|
||
},
|
||
"layout": "vertical",
|
||
"gap": 16,
|
||
"padding": 24,
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "bfhfN",
|
||
"name": "Header Row",
|
||
"width": "fill_container",
|
||
"gap": 10,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "IsDoK",
|
||
"name": "giftIcon",
|
||
"width": 24,
|
||
"height": 24,
|
||
"iconFontName": "gift",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$gold-accent"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "Vpz6Y",
|
||
"name": "headerTitle",
|
||
"fill": "$text-primary",
|
||
"content": "我的邀请码",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 16,
|
||
"fontWeight": "700"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "4y5Ye",
|
||
"name": "refCode",
|
||
"fill": "$gold-accent",
|
||
"content": "MONI-8K3F2X",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 24,
|
||
"fontWeight": "800",
|
||
"letterSpacing": 2
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "qRczx",
|
||
"name": "Copy Button",
|
||
"width": "fill_container",
|
||
"height": 40,
|
||
"fill": "$gold-accent",
|
||
"cornerRadius": "$radius-lg",
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "BH9W2",
|
||
"name": "copyBtnText",
|
||
"fill": "$text-inverse",
|
||
"content": "复制邀请码",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "LQfBJ",
|
||
"name": "New User Bonus Card",
|
||
"width": "fill_container",
|
||
"fill": "$surface-card",
|
||
"cornerRadius": "$radius-lg",
|
||
"stroke": {
|
||
"thickness": 1,
|
||
"fill": "$border-default"
|
||
},
|
||
"layout": "vertical",
|
||
"gap": 12,
|
||
"padding": 20,
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "CTVCY",
|
||
"name": "Bonus Header",
|
||
"width": "fill_container",
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "cRPtp",
|
||
"name": "bonusTitle",
|
||
"fill": "$text-primary",
|
||
"content": "新人福利",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 16,
|
||
"fontWeight": "700"
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "qCQxn",
|
||
"name": "Available Badge",
|
||
"fill": "$profit-green-bg",
|
||
"cornerRadius": "$radius-sm",
|
||
"padding": [
|
||
4,
|
||
10
|
||
],
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "do53N",
|
||
"name": "badgeText",
|
||
"fill": "$profit-green",
|
||
"content": "可领取",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "5bF3e",
|
||
"name": "amountText",
|
||
"fill": "$profit-green",
|
||
"content": "+100 USDT",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 28,
|
||
"fontWeight": "800"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "k1qw0",
|
||
"name": "descText",
|
||
"fill": "$text-secondary",
|
||
"content": "完成首次充值即可领取",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 13,
|
||
"fontWeight": "normal"
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "hMRe4",
|
||
"name": "Claim Button",
|
||
"width": "fill_container",
|
||
"height": 44,
|
||
"fill": "$profit-green",
|
||
"cornerRadius": "$radius-lg",
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "DyAEa",
|
||
"name": "claimBtnText",
|
||
"fill": "#FFFFFF",
|
||
"content": "立即领取",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "700"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "srq5v",
|
||
"name": "Referral Rewards Section",
|
||
"width": "fill_container",
|
||
"layout": "vertical",
|
||
"gap": 12,
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "WMqhp",
|
||
"name": "Section Header",
|
||
"width": "fill_container",
|
||
"layout": "vertical",
|
||
"gap": 4,
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "6mQoC",
|
||
"name": "secTitle",
|
||
"fill": "$text-primary",
|
||
"content": "推广奖励",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 16,
|
||
"fontWeight": "600"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "dtTFo",
|
||
"name": "secDesc",
|
||
"fill": "$text-muted",
|
||
"content": "每邀请一位好友充值达标，奖励100 USDT",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "LvQiW",
|
||
"name": "Referral List Card",
|
||
"width": "fill_container",
|
||
"fill": "$surface-card",
|
||
"cornerRadius": "$radius-lg",
|
||
"stroke": {
|
||
"thickness": 1,
|
||
"fill": "$border-default"
|
||
},
|
||
"layout": "vertical",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "QjbYk",
|
||
"name": "Row 1 - Achieved",
|
||
"width": "fill_container",
|
||
"layout": "vertical",
|
||
"gap": 10,
|
||
"padding": 16,
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "4GVRO",
|
||
"name": "Row1 Top",
|
||
"width": "fill_container",
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "QAUGF",
|
||
"name": "Row1 Left",
|
||
"gap": 10,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "ellipse",
|
||
"id": "wLcN4",
|
||
"name": "avatar1",
|
||
"fill": "$accent-light",
|
||
"width": 32,
|
||
"height": 32
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "Y3ovH",
|
||
"name": "name1",
|
||
"fill": "$text-primary",
|
||
"content": "user_abc",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 13,
|
||
"fontWeight": "500"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "CnZik",
|
||
"name": "deposit1",
|
||
"fill": "$text-secondary",
|
||
"content": "充值: ¥5,000",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "d1EJz",
|
||
"name": "Claim Small",
|
||
"fill": "$profit-green-bg",
|
||
"cornerRadius": "$radius-sm",
|
||
"padding": [
|
||
6,
|
||
14
|
||
],
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "vCFyc",
|
||
"name": "claimSmallText",
|
||
"fill": "$profit-green",
|
||
"content": "领取",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "NmK65",
|
||
"name": "Progress 1",
|
||
"width": "fill_container",
|
||
"height": 6,
|
||
"fill": "$bg-tertiary",
|
||
"cornerRadius": 3,
|
||
"children": [
|
||
{
|
||
"type": "rectangle",
|
||
"cornerRadius": 3,
|
||
"id": "Ijuth",
|
||
"name": "fill",
|
||
"fill": "$profit-green",
|
||
"width": "fill_container",
|
||
"height": 6
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "rectangle",
|
||
"id": "XJNo6",
|
||
"name": "Divider 1",
|
||
"opacity": 0.5,
|
||
"fill": "$border-default",
|
||
"width": "fill_container",
|
||
"height": 1
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "G1rlO",
|
||
"name": "Row 2 - In Progress",
|
||
"width": "fill_container",
|
||
"layout": "vertical",
|
||
"gap": 10,
|
||
"padding": 16,
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "tPt8S",
|
||
"name": "Row2 Top",
|
||
"width": "fill_container",
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "cK7BB",
|
||
"name": "Row2 Left",
|
||
"gap": 10,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "ellipse",
|
||
"id": "6EUJX",
|
||
"name": "avatar2",
|
||
"fill": "$accent-light",
|
||
"width": 32,
|
||
"height": 32
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "s6rrE",
|
||
"name": "name2",
|
||
"fill": "$text-primary",
|
||
"content": "user_def",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 13,
|
||
"fontWeight": "500"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "QCHA8",
|
||
"name": "deposit2",
|
||
"fill": "$text-secondary",
|
||
"content": "充值: ¥1,200",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "GMhDx",
|
||
"name": "Progress Badge",
|
||
"fill": "#FEF3C7",
|
||
"cornerRadius": "$radius-sm",
|
||
"padding": [
|
||
6,
|
||
14
|
||
],
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "meRzJ",
|
||
"name": "progressBadgeText",
|
||
"fill": "#D97706",
|
||
"content": "进行中",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "gy5ge",
|
||
"name": "Progress 2",
|
||
"width": "fill_container",
|
||
"height": 6,
|
||
"fill": "$bg-tertiary",
|
||
"cornerRadius": 3,
|
||
"children": [
|
||
{
|
||
"type": "rectangle",
|
||
"cornerRadius": 3,
|
||
"id": "5171Q",
|
||
"name": "fill",
|
||
"fill": "$gold-accent",
|
||
"width": 52,
|
||
"height": 6
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "rectangle",
|
||
"id": "mIPZM",
|
||
"name": "Divider 2",
|
||
"opacity": 0.5,
|
||
"fill": "$border-default",
|
||
"width": "fill_container",
|
||
"height": 1
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "NdJxX",
|
||
"name": "Row 3 - New",
|
||
"width": "fill_container",
|
||
"layout": "vertical",
|
||
"gap": 10,
|
||
"padding": 16,
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "TO6GU",
|
||
"name": "Row3 Top",
|
||
"width": "fill_container",
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "tUBvJ",
|
||
"name": "Row3 Left",
|
||
"gap": 10,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "ellipse",
|
||
"id": "cZ7ua",
|
||
"name": "avatar3",
|
||
"fill": "$accent-light",
|
||
"width": 32,
|
||
"height": 32
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "BjVtX",
|
||
"name": "name3",
|
||
"fill": "$text-primary",
|
||
"content": "user_ghi",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 13,
|
||
"fontWeight": "500"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "cUUdT",
|
||
"name": "deposit3",
|
||
"fill": "$text-secondary",
|
||
"content": "充值: ¥0",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 11,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "4IFps",
|
||
"name": "pendingText",
|
||
"fill": "$text-muted",
|
||
"content": "待达标",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "V1pIn",
|
||
"name": "Progress 3",
|
||
"width": "fill_container",
|
||
"height": 6,
|
||
"fill": "$bg-tertiary",
|
||
"cornerRadius": 3
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "YzbD7",
|
||
"name": "Rules Card",
|
||
"width": "fill_container",
|
||
"fill": "$bg-tertiary",
|
||
"cornerRadius": "$radius-lg",
|
||
"layout": "vertical",
|
||
"gap": 8,
|
||
"padding": [
|
||
16,
|
||
20
|
||
],
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "7tQDi",
|
||
"name": "rulesTitle",
|
||
"fill": "$text-primary",
|
||
"content": "奖励规则",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 13,
|
||
"fontWeight": "600"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "BQrb5",
|
||
"name": "rule1",
|
||
"fill": "$text-secondary",
|
||
"textGrowth": "fixed-width",
|
||
"width": "fill_container",
|
||
"content": "• 新用户注册完成实名认证奖励 100 USDT",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "normal"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "DZktn",
|
||
"name": "rule2",
|
||
"fill": "$text-secondary",
|
||
"textGrowth": "fixed-width",
|
||
"width": "fill_container",
|
||
"content": "• 邀请好友充值每达 1000 USDT，双方各获得 100 USDT",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "normal"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "skAaA",
|
||
"name": "rule3",
|
||
"fill": "$text-secondary",
|
||
"textGrowth": "fixed-width",
|
||
"width": "fill_container",
|
||
"content": "• 奖励直接发放至资金账户",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "C9G6P",
|
||
"x": 0,
|
||
"y": 4500,
|
||
"name": "Login - 登录 (Dark)",
|
||
"theme": {
|
||
"mode": "dark"
|
||
},
|
||
"clip": true,
|
||
"width": 390,
|
||
"height": 844,
|
||
"fill": "$bg-secondary",
|
||
"layout": "vertical",
|
||
"gap": 48,
|
||
"padding": [
|
||
100,
|
||
32,
|
||
40,
|
||
32
|
||
],
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "msJBN",
|
||
"name": "spacer_top",
|
||
"width": "fill_container",
|
||
"height": 100,
|
||
"layout": "vertical"
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "GQdO4",
|
||
"name": "brand_section",
|
||
"layout": "vertical",
|
||
"gap": 16,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "cMseS",
|
||
"name": "brand_mark",
|
||
"width": 80,
|
||
"height": 80,
|
||
"layout": "none",
|
||
"children": [
|
||
{
|
||
"type": "ellipse",
|
||
"id": "mE65S",
|
||
"x": 0,
|
||
"y": 0,
|
||
"name": "logo_ellipse",
|
||
"fill": {
|
||
"type": "gradient",
|
||
"gradientType": "linear",
|
||
"enabled": true,
|
||
"rotation": 180,
|
||
"size": {
|
||
"height": 1
|
||
},
|
||
"colors": [
|
||
{
|
||
"color": "#1F2937",
|
||
"position": 0
|
||
},
|
||
{
|
||
"color": "#374151",
|
||
"position": 1
|
||
}
|
||
]
|
||
},
|
||
"width": 80,
|
||
"height": 80
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "KJHlL",
|
||
"x": 28,
|
||
"y": 22,
|
||
"name": "logo_letter",
|
||
"fill": "$text-inverse",
|
||
"content": "M",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 32,
|
||
"fontWeight": "800"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "wUEwU",
|
||
"name": "brand_name",
|
||
"fill": "$text-primary",
|
||
"content": "MONISUO",
|
||
"textAlign": "center",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 28,
|
||
"fontWeight": "800",
|
||
"letterSpacing": 3
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "FjHAJ",
|
||
"name": "tagline",
|
||
"fill": "$text-secondary",
|
||
"content": "虚拟货币模拟交易平台",
|
||
"textAlign": "center",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 13,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "xN3TC",
|
||
"name": "gap_frame",
|
||
"width": "fill_container",
|
||
"height": 48,
|
||
"layout": "vertical"
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "kQAfi",
|
||
"name": "form_section",
|
||
"width": "fill_container",
|
||
"layout": "vertical",
|
||
"gap": 16,
|
||
"padding": [
|
||
0,
|
||
32
|
||
],
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "5CmpI",
|
||
"name": "username_input",
|
||
"width": "fill_container",
|
||
"height": 52,
|
||
"fill": "$surface-card",
|
||
"cornerRadius": "$radius-lg",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1,
|
||
"fill": "$border-default"
|
||
},
|
||
"gap": 8,
|
||
"padding": [
|
||
0,
|
||
16
|
||
],
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "iJNui",
|
||
"name": "user_icon",
|
||
"width": 18,
|
||
"height": 18,
|
||
"iconFontName": "user",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$text-muted"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "ZWPJ2",
|
||
"name": "username_placeholder",
|
||
"fill": "$text-muted",
|
||
"content": "请输入用户名",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "RcE75",
|
||
"name": "password_input",
|
||
"width": "fill_container",
|
||
"height": 52,
|
||
"fill": "$surface-card",
|
||
"cornerRadius": "$radius-lg",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1,
|
||
"fill": "$border-default"
|
||
},
|
||
"gap": 8,
|
||
"padding": [
|
||
0,
|
||
16
|
||
],
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "wQYH3",
|
||
"name": "lock_icon",
|
||
"width": 18,
|
||
"height": 18,
|
||
"iconFontName": "lock",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$text-muted"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "uVgip",
|
||
"name": "password_placeholder",
|
||
"fill": "$text-muted",
|
||
"content": "请输入密码",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "normal"
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "QYKTk",
|
||
"name": "password_spacer",
|
||
"width": "fill_container",
|
||
"height": "fit_content(0)"
|
||
},
|
||
{
|
||
"type": "icon_font",
|
||
"id": "0n3G0",
|
||
"name": "eye_icon",
|
||
"width": 18,
|
||
"height": 18,
|
||
"iconFontName": "eye-off",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$text-muted"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "WlPgA",
|
||
"name": "btn_gap",
|
||
"width": "fill_container",
|
||
"height": 8,
|
||
"layout": "vertical"
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "WItMh",
|
||
"name": "login_btn",
|
||
"width": "fill_container",
|
||
"height": 52,
|
||
"fill": "$accent-primary",
|
||
"cornerRadius": "$radius-lg",
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "nszMT",
|
||
"name": "login_btn_text",
|
||
"fill": "$text-inverse",
|
||
"content": "登录",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 16,
|
||
"fontWeight": "700"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "2EHLU",
|
||
"name": "bottom_spacer",
|
||
"width": "fill_container",
|
||
"height": "fit_content(0)",
|
||
"fill": "#00000000",
|
||
"layout": "vertical"
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "nKTCB",
|
||
"name": "bottom_section",
|
||
"width": "fill_container",
|
||
"gap": 4,
|
||
"padding": [
|
||
0,
|
||
0,
|
||
40,
|
||
0
|
||
],
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "zJddx",
|
||
"name": "no_account_text",
|
||
"fill": "$text-secondary",
|
||
"content": "还没有账户？",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 13,
|
||
"fontWeight": "normal"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "mJHbC",
|
||
"name": "register_link",
|
||
"fill": "$gold-accent",
|
||
"content": "立即注册",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 13,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "nIOl7",
|
||
"name": "Brand",
|
||
"layout": "vertical",
|
||
"gap": 16,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "qrvpE",
|
||
"name": "logoCircle",
|
||
"width": 80,
|
||
"height": 80,
|
||
"fill": {
|
||
"type": "gradient",
|
||
"gradientType": "linear",
|
||
"enabled": true,
|
||
"rotation": 0,
|
||
"size": {
|
||
"height": 1
|
||
},
|
||
"colors": [
|
||
{
|
||
"color": "#1F2937",
|
||
"position": 0
|
||
},
|
||
{
|
||
"color": "#374151",
|
||
"position": 1
|
||
}
|
||
]
|
||
},
|
||
"cornerRadius": 40,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "Y6lYh",
|
||
"name": "logoText",
|
||
"fill": "$text-inverse",
|
||
"content": "M",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 32,
|
||
"fontWeight": "800"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "QXPFI",
|
||
"name": "brandName",
|
||
"fill": "$text-primary",
|
||
"content": "MONISUO",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 28,
|
||
"fontWeight": "800",
|
||
"letterSpacing": 3
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "RzDIr",
|
||
"name": "tagline",
|
||
"fill": "$text-secondary",
|
||
"content": "虚拟货币模拟交易平台",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 13,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "QSEYL",
|
||
"name": "Form",
|
||
"width": "fill_container",
|
||
"layout": "vertical",
|
||
"gap": 16,
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "WkEPu",
|
||
"name": "UserInput",
|
||
"width": "fill_container",
|
||
"height": 52,
|
||
"fill": "$surface-card",
|
||
"cornerRadius": "$radius-lg",
|
||
"stroke": {
|
||
"thickness": 1,
|
||
"fill": "$border-default"
|
||
},
|
||
"gap": 8,
|
||
"padding": [
|
||
0,
|
||
16
|
||
],
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "nLzhg",
|
||
"name": "userIcon",
|
||
"width": 18,
|
||
"height": 18,
|
||
"iconFontName": "user",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$text-muted"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "BIntl",
|
||
"name": "userPlaceholder",
|
||
"fill": "$text-muted",
|
||
"content": "请输入用户名",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "9HqH0",
|
||
"name": "PwdInput",
|
||
"width": "fill_container",
|
||
"height": 52,
|
||
"fill": "$surface-card",
|
||
"cornerRadius": "$radius-lg",
|
||
"stroke": {
|
||
"thickness": 1,
|
||
"fill": "$border-default"
|
||
},
|
||
"padding": [
|
||
0,
|
||
16
|
||
],
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "e5Pj9",
|
||
"name": "pwdLeft",
|
||
"gap": 8,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "YrzUL",
|
||
"name": "pwdIcon",
|
||
"width": 18,
|
||
"height": 18,
|
||
"iconFontName": "lock",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$text-muted"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "wwJU1",
|
||
"name": "pwdPlaceholder",
|
||
"fill": "$text-muted",
|
||
"content": "请输入密码",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "icon_font",
|
||
"id": "lfBh1",
|
||
"name": "pwdEye",
|
||
"width": 18,
|
||
"height": 18,
|
||
"iconFontName": "eye-off",
|
||
"iconFontFamily": "lucide",
|
||
"fill": "$text-muted"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "QfA37",
|
||
"name": "LoginBtn",
|
||
"width": "fill_container",
|
||
"height": 52,
|
||
"fill": "$accent-primary",
|
||
"cornerRadius": "$radius-lg",
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "BnIPy",
|
||
"name": "loginText",
|
||
"fill": "$text-inverse",
|
||
"content": "登录",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 16,
|
||
"fontWeight": "700"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "KJ7zv",
|
||
"name": "RegisterRow",
|
||
"gap": 4,
|
||
"justifyContent": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "TvXVD",
|
||
"name": "regText1",
|
||
"fill": "$text-secondary",
|
||
"content": "还没有账户？",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 13,
|
||
"fontWeight": "normal"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "Lmvmg",
|
||
"name": "regText2",
|
||
"fill": "$gold-accent",
|
||
"content": "立即注册",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 13,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"id": "N51tX",
|
||
"type": "ref",
|
||
"ref": "OuHL8",
|
||
"x": 1970,
|
||
"y": 0
|
||
}
|
||
],
|
||
"themes": {
|
||
"mode": [
|
||
"light",
|
||
"dark"
|
||
]
|
||
},
|
||
"variables": {
|
||
"accent-hover": {
|
||
"type": "color",
|
||
"value": [
|
||
{
|
||
"value": "#111827",
|
||
"theme": {
|
||
"mode": "light"
|
||
}
|
||
},
|
||
{
|
||
"value": "#1E293B",
|
||
"theme": {
|
||
"mode": "dark"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
"accent-light": {
|
||
"type": "color",
|
||
"value": [
|
||
{
|
||
"value": "#F3F4F6",
|
||
"theme": {
|
||
"mode": "light"
|
||
}
|
||
},
|
||
{
|
||
"value": "#1E293B",
|
||
"theme": {
|
||
"mode": "dark"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
"accent-primary": {
|
||
"type": "color",
|
||
"value": [
|
||
{
|
||
"value": "#1F2937",
|
||
"theme": {
|
||
"mode": "light"
|
||
}
|
||
},
|
||
{
|
||
"value": "#D4AF37",
|
||
"theme": {
|
||
"mode": "dark"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
"bg-primary": {
|
||
"type": "color",
|
||
"value": [
|
||
{
|
||
"value": "#FFFFFF",
|
||
"theme": {
|
||
"mode": "light"
|
||
}
|
||
},
|
||
{
|
||
"value": "#0F172A",
|
||
"theme": {
|
||
"mode": "dark"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
"bg-secondary": {
|
||
"type": "color",
|
||
"value": [
|
||
{
|
||
"value": "#F8FAFC",
|
||
"theme": {
|
||
"mode": "light"
|
||
}
|
||
},
|
||
{
|
||
"value": "#0B1120",
|
||
"theme": {
|
||
"mode": "dark"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
"bg-tertiary": {
|
||
"type": "color",
|
||
"value": [
|
||
{
|
||
"value": "#F1F5F9",
|
||
"theme": {
|
||
"mode": "light"
|
||
}
|
||
},
|
||
{
|
||
"value": "#1E293B",
|
||
"theme": {
|
||
"mode": "dark"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
"border-default": {
|
||
"type": "color",
|
||
"value": [
|
||
{
|
||
"value": "#E2E8F0",
|
||
"theme": {
|
||
"mode": "light"
|
||
}
|
||
},
|
||
{
|
||
"value": "#334155",
|
||
"theme": {
|
||
"mode": "dark"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
"border-muted": {
|
||
"type": "color",
|
||
"value": [
|
||
{
|
||
"value": "#F1F5F9",
|
||
"theme": {
|
||
"mode": "light"
|
||
}
|
||
},
|
||
{
|
||
"value": "#1E293B",
|
||
"theme": {
|
||
"mode": "dark"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
"gold-accent": {
|
||
"type": "color",
|
||
"value": [
|
||
{
|
||
"value": "#F59E0B",
|
||
"theme": {
|
||
"mode": "light"
|
||
}
|
||
},
|
||
{
|
||
"value": "#D4AF37",
|
||
"theme": {
|
||
"mode": "dark"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
"loss-red": {
|
||
"type": "color",
|
||
"value": [
|
||
{
|
||
"value": "#DC2626",
|
||
"theme": {
|
||
"mode": "light"
|
||
}
|
||
},
|
||
{
|
||
"value": "#FF716C",
|
||
"theme": {
|
||
"mode": "dark"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
"loss-red-bg": {
|
||
"type": "color",
|
||
"value": [
|
||
{
|
||
"value": "#FEF2F2",
|
||
"theme": {
|
||
"mode": "light"
|
||
}
|
||
},
|
||
{
|
||
"value": "#2D1215",
|
||
"theme": {
|
||
"mode": "dark"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
"profit-green": {
|
||
"type": "color",
|
||
"value": [
|
||
{
|
||
"value": "#16A34A",
|
||
"theme": {
|
||
"mode": "light"
|
||
}
|
||
},
|
||
{
|
||
"value": "#4ADE80",
|
||
"theme": {
|
||
"mode": "dark"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
"profit-green-bg": {
|
||
"type": "color",
|
||
"value": [
|
||
{
|
||
"value": "#F0FDF4",
|
||
"theme": {
|
||
"mode": "light"
|
||
}
|
||
},
|
||
{
|
||
"value": "#052E16",
|
||
"theme": {
|
||
"mode": "dark"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
"radius-lg": {
|
||
"type": "number",
|
||
"value": 14
|
||
},
|
||
"radius-md": {
|
||
"type": "number",
|
||
"value": 10
|
||
},
|
||
"radius-sm": {
|
||
"type": "number",
|
||
"value": 6
|
||
},
|
||
"radius-xl": {
|
||
"type": "number",
|
||
"value": 20
|
||
},
|
||
"spacing-lg": {
|
||
"type": "number",
|
||
"value": 24
|
||
},
|
||
"spacing-md": {
|
||
"type": "number",
|
||
"value": 16
|
||
},
|
||
"spacing-sm": {
|
||
"type": "number",
|
||
"value": 8
|
||
},
|
||
"spacing-xl": {
|
||
"type": "number",
|
||
"value": 32
|
||
},
|
||
"spacing-xs": {
|
||
"type": "number",
|
||
"value": 4
|
||
},
|
||
"surface-card": {
|
||
"type": "color",
|
||
"value": [
|
||
{
|
||
"value": "#FFFFFF",
|
||
"theme": {
|
||
"mode": "light"
|
||
}
|
||
},
|
||
{
|
||
"value": "#0F172A",
|
||
"theme": {
|
||
"mode": "dark"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
"tab-active-bg": {
|
||
"type": "color",
|
||
"value": [
|
||
{
|
||
"value": "#F3F4F6",
|
||
"theme": {
|
||
"mode": "light"
|
||
}
|
||
},
|
||
{
|
||
"value": "#1E293B",
|
||
"theme": {
|
||
"mode": "dark"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
"tab-active-text": {
|
||
"type": "color",
|
||
"value": [
|
||
{
|
||
"value": "#1F2937",
|
||
"theme": {
|
||
"mode": "light"
|
||
}
|
||
},
|
||
{
|
||
"value": "#F8FAFC",
|
||
"theme": {
|
||
"mode": "dark"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
"tab-inactive-text": {
|
||
"type": "color",
|
||
"value": [
|
||
{
|
||
"value": "#9CA3AF",
|
||
"theme": {
|
||
"mode": "light"
|
||
}
|
||
},
|
||
{
|
||
"value": "#64748B",
|
||
"theme": {
|
||
"mode": "dark"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
"text-inverse": {
|
||
"type": "color",
|
||
"value": [
|
||
{
|
||
"value": "#FFFFFF",
|
||
"theme": {
|
||
"mode": "light"
|
||
}
|
||
},
|
||
{
|
||
"value": "#0F172A",
|
||
"theme": {
|
||
"mode": "dark"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
"text-muted": {
|
||
"type": "color",
|
||
"value": [
|
||
{
|
||
"value": "#94A3B8",
|
||
"theme": {
|
||
"mode": "light"
|
||
}
|
||
},
|
||
{
|
||
"value": "#64748B",
|
||
"theme": {
|
||
"mode": "dark"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
"text-primary": {
|
||
"type": "color",
|
||
"value": [
|
||
{
|
||
"value": "#0F172A",
|
||
"theme": {
|
||
"mode": "light"
|
||
}
|
||
},
|
||
{
|
||
"value": "#F8FAFC",
|
||
"theme": {
|
||
"mode": "dark"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
"text-secondary": {
|
||
"type": "color",
|
||
"value": [
|
||
{
|
||
"value": "#475569",
|
||
"theme": {
|
||
"mode": "light"
|
||
}
|
||
},
|
||
{
|
||
"value": "#94A3B8",
|
||
"theme": {
|
||
"mode": "dark"
|
||
}
|
||
}
|
||
]
|
||
}
|
||
}
|
||
} |