{ "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" } } ] } } }