{ "version": "2.6", "children": [ { "type": "frame", "id": "jF3SD", "x": -983, "y": 369, "name": "Statistics", "clip": true, "width": 402, "fill": "#FFFFFF", "layout": "vertical", "children": [ { "type": "frame", "id": "AMTax", "name": "contentWrapper", "width": "fill_container", "layout": "vertical", "gap": 24, "padding": 24, "children": [ { "type": "frame", "id": "vfuYD", "name": "periodSection", "width": "fill_container", "layout": "vertical", "gap": 16, "children": [ { "type": "frame", "id": "oTdXY", "name": "segmentControl", "width": "fill_container", "height": 44, "fill": "#F0F0F0", "cornerRadius": 8, "gap": 4, "padding": 4, "children": [ { "type": "frame", "id": "wmlqF", "name": "daySegment", "width": "fill_container", "height": "fill_container", "fill": "#FFFFFF", "cornerRadius": 6, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "H0yK4", "name": "dayLabel", "fill": "#1A1A1A", "content": "日", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "600" } ] }, { "type": "frame", "id": "R5SrL", "name": "weekSegment", "width": "fill_container", "height": "fill_container", "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "qMr9M", "name": "weekLabel", "fill": "#888888", "content": "周", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "500" } ] }, { "type": "frame", "id": "1yyvY", "name": "monthSegment", "width": "fill_container", "height": "fill_container", "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "NJAly", "name": "monthLabel", "fill": "#888888", "content": "月", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "500" } ] } ] } ] }, { "type": "frame", "id": "wxhYu", "name": "metricsSection", "width": "fill_container", "layout": "vertical", "gap": 16, "children": [ { "type": "text", "id": "uRrgm", "name": "metricsHeader", "fill": "#888888", "content": "核心指标", "fontFamily": "JetBrains Mono", "fontSize": 11, "fontWeight": "600", "letterSpacing": 2 }, { "type": "frame", "id": "29VOa", "name": "metricsRow", "width": "fill_container", "gap": 16, "children": [ { "type": "frame", "id": "uI5xe", "name": "card1", "width": "fill_container", "height": 146, "fill": "#FFFFFF", "cornerRadius": 12, "stroke": { "thickness": 1, "fill": "#E5E5E5" }, "layout": "vertical", "gap": 12, "padding": 20, "justifyContent": "space_between", "children": [ { "type": "frame", "id": "FmWfR", "name": "card1Top", "width": "fill_container", "layout": "vertical", "gap": 12, "children": [ { "type": "frame", "id": "fAZoH", "name": "card1Header", "width": "fill_container", "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "text", "id": "hxA0w", "name": "card1Label", "fill": "#888888", "content": "总支出", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "500" }, { "type": "text", "id": "GcqI5", "name": "card1Badge", "fill": "#E07B54", "content": "-15%", "fontFamily": "JetBrains Mono", "fontSize": 10, "fontWeight": "600" } ] }, { "type": "text", "id": "LzO5o", "name": "card1Value", "fill": "#1A1A1A", "content": "¥1,248.50", "lineHeight": 0.85, "fontFamily": "JetBrains Mono", "fontSize": 32, "fontWeight": "700" } ] }, { "type": "text", "id": "pYHqx", "name": "card1Bottom", "fill": "#666666", "content": "较上期减少", "fontFamily": "Newsreader", "fontSize": 13, "fontWeight": "normal", "fontStyle": "italic" } ] }, { "type": "frame", "id": "hJgnc", "name": "card2", "width": "fill_container", "height": 146, "fill": "#FFFFFF", "cornerRadius": 12, "stroke": { "thickness": 1, "fill": "#E5E5E5" }, "layout": "vertical", "gap": 12, "padding": 20, "justifyContent": "space_between", "children": [ { "type": "frame", "id": "8McqI", "name": "card2Top", "width": "fill_container", "layout": "vertical", "gap": 12, "children": [ { "type": "frame", "id": "pdjzv", "name": "card2Header", "width": "fill_container", "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "text", "id": "blBHp", "name": "card2Label", "fill": "#888888", "content": "交易笔数", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "500" }, { "type": "text", "id": "pR4il", "name": "card2Badge", "fill": "#0D6E6E", "content": "+8", "fontFamily": "JetBrains Mono", "fontSize": 10, "fontWeight": "600" } ] }, { "type": "text", "id": "jBKa6", "name": "card2Value", "fill": "#1A1A1A", "content": "127", "lineHeight": 0.85, "fontFamily": "JetBrains Mono", "fontSize": 32, "fontWeight": "700" } ] }, { "type": "frame", "id": "DEuSA", "name": "card2Bottom", "width": "fill_container", "height": 24, "gap": 3, "alignItems": "end", "children": [ { "type": "rectangle", "cornerRadius": 2, "id": "Bbiv4", "name": "bar1", "fill": "#E5E5E5", "width": "fill_container", "height": 8 }, { "type": "rectangle", "cornerRadius": 2, "id": "6wkI0", "name": "bar2", "fill": "#E5E5E5", "width": "fill_container", "height": 12 }, { "type": "rectangle", "cornerRadius": 2, "id": "Orujn", "name": "bar3", "fill": "#E5E5E5", "width": "fill_container", "height": 16 }, { "type": "rectangle", "cornerRadius": 2, "id": "JLpTY", "name": "bar4", "fill": "#E5E5E5", "width": "fill_container", "height": 14 }, { "type": "rectangle", "cornerRadius": 2, "id": "hjMuU", "name": "bar5", "fill": "#E5E5E5", "width": "fill_container", "height": 20 }, { "type": "rectangle", "cornerRadius": 2, "id": "OQWag", "name": "bar6", "fill": "#E5E5E5", "width": "fill_container", "height": 18 }, { "type": "rectangle", "cornerRadius": 2, "id": "5bqxw", "name": "bar7", "fill": "#0D6E6E", "width": "fill_container", "height": 24 } ] } ] } ] }, { "type": "frame", "id": "Pq97G", "name": "incomeRow", "width": "fill_container", "gap": 16, "children": [ { "type": "frame", "id": "L3XxO", "name": "incomeCard", "width": "fill_container", "height": 146, "fill": "#FFFFFF", "cornerRadius": 12, "stroke": { "thickness": 1, "fill": "#E5E5E5" }, "layout": "vertical", "gap": 12, "padding": 20, "justifyContent": "space_between", "children": [ { "type": "frame", "id": "V83CL", "name": "incomeTop", "width": "fill_container", "layout": "vertical", "gap": 12, "children": [ { "type": "frame", "id": "bzN0J", "name": "incomeHeader", "width": "fill_container", "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "text", "id": "feyMh", "name": "incomeLabel", "fill": "#888888", "content": "总收入", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "500" }, { "type": "text", "id": "LiGoC", "name": "incomeBadge", "fill": "#0D6E6E", "content": "+2", "fontFamily": "JetBrains Mono", "fontSize": 10, "fontWeight": "600" } ] }, { "type": "text", "id": "FiPju", "name": "incomeValue", "fill": "#0D6E6E", "content": "¥3,200", "lineHeight": 0.85, "fontFamily": "JetBrains Mono", "fontSize": 32, "fontWeight": "700" } ] }, { "type": "text", "id": "J0zG7", "name": "incomeBottom", "fill": "#666666", "content": "工资、红包等", "fontFamily": "Newsreader", "fontSize": 13, "fontWeight": "normal", "fontStyle": "italic" } ] }, { "type": "frame", "id": "XICsc", "name": "balanceCard", "width": "fill_container", "height": 146, "fill": "#FFFFFF", "cornerRadius": 12, "stroke": { "thickness": 1, "fill": "#E5E5E5" }, "layout": "vertical", "gap": 12, "padding": 20, "justifyContent": "space_between", "children": [ { "type": "frame", "id": "lNqoA", "name": "balanceTop", "width": "fill_container", "layout": "vertical", "gap": 12, "children": [ { "type": "frame", "id": "j1gDj", "name": "balanceHeader", "width": "fill_container", "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "text", "id": "w3hrq", "name": "balanceLabel", "fill": "#888888", "content": "净收支", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "500" }, { "type": "icon_font", "id": "ZBAuV", "name": "balanceIcon", "width": 16, "height": 16, "iconFontName": "trending-up", "iconFontFamily": "lucide", "fill": "#0D6E6E" } ] }, { "type": "text", "id": "OpVvd", "name": "balanceValue", "fill": "#0D6E6E", "content": "+¥1,951.50", "lineHeight": 0.85, "fontFamily": "JetBrains Mono", "fontSize": 32, "fontWeight": "700" } ] }, { "type": "frame", "id": "ZIv4a", "name": "balanceBottom", "width": "fill_container", "gap": 8, "alignItems": "center", "children": [ { "type": "ellipse", "id": "gSAEu", "name": "balanceCircle", "fill": "#0D6E6E", "width": 8, "height": 8 }, { "type": "text", "id": "U9nHM", "name": "balanceDesc", "fill": "#666666", "content": "收入大于支出", "fontFamily": "Newsreader", "fontSize": 13, "fontWeight": "normal", "fontStyle": "italic" } ] } ] } ] } ] }, { "type": "frame", "id": "6u89w", "name": "categorySection", "width": "fill_container", "layout": "vertical", "gap": 16, "children": [ { "type": "frame", "id": "CFPdk", "name": "categoryHeader", "width": "fill_container", "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "text", "id": "9xSWi", "name": "categoryLabel", "fill": "#888888", "content": "分类支出", "fontFamily": "JetBrains Mono", "fontSize": 11, "fontWeight": "600", "letterSpacing": 2 }, { "type": "frame", "id": "qiiAk", "name": "categoryLink", "gap": 4, "alignItems": "center", "children": [ { "type": "text", "id": "wbNMw", "name": "linkText", "fill": "#0D6E6E", "content": "查看全部", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "500" }, { "type": "icon_font", "id": "Sp6J9", "name": "linkIcon", "width": 16, "height": 16, "iconFontName": "arrow-right", "iconFontFamily": "lucide", "fill": "#0D6E6E" } ] } ] }, { "type": "frame", "id": "MWFx7", "name": "categoryCard", "width": "fill_container", "fill": "#FFFFFF", "cornerRadius": 12, "stroke": { "thickness": 1, "fill": "#E5E5E5" }, "layout": "vertical", "gap": 16, "padding": 20, "children": [ { "type": "frame", "id": "M1LpC", "name": "catRow1", "width": "fill_container", "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "frame", "id": "dQLhW", "name": "cat1Left", "gap": 12, "alignItems": "center", "children": [ { "type": "frame", "id": "2W5IT", "name": "cat1Icon", "width": 40, "height": 40, "fill": "#0D6E6E15", "cornerRadius": 10, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "icon_font", "id": "2PlOJ", "name": "cat1IconSym", "width": 20, "height": 20, "iconFontName": "utensils", "iconFontFamily": "lucide", "fill": "#0D6E6E" } ] }, { "type": "frame", "id": "ICEQX", "name": "cat1Info", "layout": "vertical", "gap": 2, "children": [ { "type": "text", "id": "rYGlx", "name": "cat1Name", "fill": "#1A1A1A", "content": "餐饮美食", "fontFamily": "Newsreader", "fontSize": 16, "fontWeight": "500" }, { "type": "text", "id": "wi8W4", "name": "cat1Count", "fill": "#888888", "content": "32笔交易", "fontFamily": "JetBrains Mono", "fontSize": 11, "fontWeight": "normal" } ] } ] }, { "type": "text", "id": "pEJ93", "name": "cat1Amount", "fill": "#1A1A1A", "content": "¥486.50", "fontFamily": "JetBrains Mono", "fontSize": 16, "fontWeight": "600" } ] }, { "type": "rectangle", "id": "xFr2V", "name": "divider1", "fill": "#F0F0F0", "width": "fill_container", "height": 1 }, { "type": "frame", "id": "ejkcy", "name": "catRow2", "width": "fill_container", "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "frame", "id": "CBW2D", "name": "cat2Left", "gap": 12, "alignItems": "center", "children": [ { "type": "frame", "id": "a97fQ", "name": "cat2Icon", "width": 40, "height": 40, "fill": "#E07B5415", "cornerRadius": 10, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "icon_font", "id": "jsVbp", "name": "cat2IconSym", "width": 20, "height": 20, "iconFontName": "shopping-cart", "iconFontFamily": "lucide", "fill": "#E07B54" } ] }, { "type": "frame", "id": "N9z8c", "name": "cat2Info", "layout": "vertical", "gap": 2, "children": [ { "type": "text", "id": "wnAL4", "name": "cat2Name", "fill": "#1A1A1A", "content": "购物消费", "fontFamily": "Newsreader", "fontSize": 16, "fontWeight": "500" }, { "type": "text", "id": "avPO2", "name": "cat2Count", "fill": "#888888", "content": "18笔交易", "fontFamily": "JetBrains Mono", "fontSize": 11, "fontWeight": "normal" } ] } ] }, { "type": "text", "id": "aazVN", "name": "cat2Amount", "fill": "#1A1A1A", "content": "¥324.80", "fontFamily": "JetBrains Mono", "fontSize": 16, "fontWeight": "600" } ] }, { "type": "rectangle", "id": "bnSr4", "name": "divider2", "fill": "#F0F0F0", "width": "fill_container", "height": 1 }, { "type": "frame", "id": "mmlYG", "name": "catRow3", "width": "fill_container", "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "frame", "id": "vrfgt", "name": "cat3Left", "gap": 12, "alignItems": "center", "children": [ { "type": "frame", "id": "rZ4xo", "name": "cat3Icon", "width": 40, "height": 40, "fill": "#88888815", "cornerRadius": 10, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "icon_font", "id": "szqRZ", "name": "cat3IconSym", "width": 20, "height": 20, "iconFontName": "car", "iconFontFamily": "lucide", "fill": "#888888" } ] }, { "type": "frame", "id": "2KvA5", "name": "cat3Info", "layout": "vertical", "gap": 2, "children": [ { "type": "text", "id": "NI2Nw", "name": "cat3Name", "fill": "#1A1A1A", "content": "交通出行", "fontFamily": "Newsreader", "fontSize": 16, "fontWeight": "500" }, { "type": "text", "id": "PdHJV", "name": "cat3Count", "fill": "#888888", "content": "24笔交易", "fontFamily": "JetBrains Mono", "fontSize": 11, "fontWeight": "normal" } ] } ] }, { "type": "text", "id": "YPa77", "name": "cat3Amount", "fill": "#1A1A1A", "content": "¥187.20", "fontFamily": "JetBrains Mono", "fontSize": 16, "fontWeight": "600" } ] } ] } ] }, { "type": "frame", "id": "5Cssz", "name": "trendSection", "width": "fill_container", "layout": "vertical", "gap": 16, "children": [ { "type": "frame", "id": "UtABZ", "name": "trendHeader", "width": "fill_container", "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "text", "id": "Cokqp", "name": "trendLabel", "fill": "#888888", "content": "支出趋势", "fontFamily": "JetBrains Mono", "fontSize": 11, "fontWeight": "600", "letterSpacing": 2 }, { "type": "frame", "id": "JjJFZ", "name": "trendPercent", "gap": 4, "alignItems": "center", "children": [ { "type": "text", "id": "wrTCS", "name": "percentValue", "fill": "#1A1A1A", "content": "86", "fontFamily": "JetBrains Mono", "fontSize": 28, "fontWeight": "700" }, { "type": "text", "id": "nI76B", "name": "percentSign", "fill": "#888888", "content": "%", "fontFamily": "JetBrains Mono", "fontSize": 14, "fontWeight": "500" } ] } ] }, { "type": "rectangle", "id": "d1Wpj", "name": "hrLine", "fill": "#E5E5E5", "width": "fill_container", "height": 1 }, { "type": "frame", "id": "ZAt9z", "name": "trendCard", "width": "fill_container", "fill": "#FFFFFF", "cornerRadius": 12, "stroke": { "thickness": 1, "fill": "#E5E5E5" }, "layout": "vertical", "gap": 16, "padding": 20, "children": [ { "type": "frame", "id": "oQN8p", "name": "weekChart", "width": "fill_container", "height": 80, "justifyContent": "space_between", "alignItems": "end", "children": [ { "type": "frame", "id": "rGmYG", "name": "day1Col", "layout": "vertical", "gap": 8, "alignItems": "center", "children": [ { "type": "frame", "id": "VBLqg", "name": "day1Bar", "width": 32, "height": 60, "fill": "#F0F0F0", "cornerRadius": 4, "justifyContent": "end", "alignItems": "center", "children": [ { "type": "rectangle", "cornerRadius": 4, "id": "giaMe", "name": "day1Fill", "fill": "#0D6E6E", "width": "fill_container", "height": 42 } ] }, { "type": "text", "id": "8V2aH", "name": "day1Label", "fill": "#888888", "content": "一", "fontFamily": "JetBrains Mono", "fontSize": 11, "fontWeight": "600" } ] }, { "type": "frame", "id": "2SPdd", "name": "day2Col", "layout": "vertical", "gap": 8, "alignItems": "center", "children": [ { "type": "frame", "id": "o698c", "name": "day2Bar", "width": 32, "height": 60, "fill": "#F0F0F0", "cornerRadius": 4, "justifyContent": "end", "alignItems": "center", "children": [ { "type": "rectangle", "cornerRadius": 4, "id": "OvCvr", "name": "day2Fill", "fill": "#0D6E6E", "width": "fill_container", "height": 48 } ] }, { "type": "text", "id": "AC1au", "name": "day2Label", "fill": "#888888", "content": "二", "fontFamily": "JetBrains Mono", "fontSize": 11, "fontWeight": "600" } ] }, { "type": "frame", "id": "IxwaU", "name": "day3Col", "layout": "vertical", "gap": 8, "alignItems": "center", "children": [ { "type": "frame", "id": "Oo15B", "name": "day3Bar", "width": 32, "height": 60, "fill": "#F0F0F0", "cornerRadius": 4, "justifyContent": "end", "alignItems": "center", "children": [ { "type": "rectangle", "cornerRadius": 4, "id": "G7nXy", "name": "day3Fill", "fill": "#0D6E6E", "width": "fill_container", "height": 36 } ] }, { "type": "text", "id": "frOgm", "name": "day3Label", "fill": "#888888", "content": "三", "fontFamily": "JetBrains Mono", "fontSize": 11, "fontWeight": "600" } ] }, { "type": "frame", "id": "RyQhQ", "name": "day4Col", "layout": "vertical", "gap": 8, "alignItems": "center", "children": [ { "type": "frame", "id": "KFgWz", "name": "day4Bar", "width": 32, "height": 60, "fill": "#F0F0F0", "cornerRadius": 4, "justifyContent": "end", "alignItems": "center", "children": [ { "type": "rectangle", "cornerRadius": 4, "id": "caHh7", "name": "day4Fill", "fill": "#0D6E6E", "width": "fill_container", "height": 52 } ] }, { "type": "text", "id": "UIVDa", "name": "day4Label", "fill": "#888888", "content": "四", "fontFamily": "JetBrains Mono", "fontSize": 11, "fontWeight": "600" } ] }, { "type": "frame", "id": "AgoKW", "name": "day5Col", "layout": "vertical", "gap": 8, "alignItems": "center", "children": [ { "type": "frame", "id": "3n3r3", "name": "day5Bar", "width": 32, "height": 60, "fill": "#F0F0F0", "cornerRadius": 4, "justifyContent": "end", "alignItems": "center", "children": [ { "type": "rectangle", "cornerRadius": 4, "id": "9JowQ", "name": "day5Fill", "fill": "#0D6E6E", "width": "fill_container", "height": 44 } ] }, { "type": "text", "id": "x8QUC", "name": "day5Label", "fill": "#888888", "content": "五", "fontFamily": "JetBrains Mono", "fontSize": 11, "fontWeight": "600" } ] }, { "type": "frame", "id": "uur3l", "name": "day6Col", "layout": "vertical", "gap": 8, "alignItems": "center", "children": [ { "type": "frame", "id": "0GTEq", "name": "day6Bar", "width": 32, "height": 60, "fill": "#F0F0F0", "cornerRadius": 4, "justifyContent": "end", "alignItems": "center", "children": [ { "type": "rectangle", "cornerRadius": 4, "id": "VPwIR", "name": "day6Fill", "fill": "#E07B54", "width": "fill_container", "height": 56 } ] }, { "type": "text", "id": "D9aGt", "name": "day6Label", "fill": "#E07B54", "content": "六", "fontFamily": "JetBrains Mono", "fontSize": 11, "fontWeight": "700" } ] }, { "type": "frame", "id": "maBOK", "name": "day7Col", "layout": "vertical", "gap": 8, "alignItems": "center", "children": [ { "type": "frame", "id": "xEqwT", "name": "day7Bar", "width": 32, "height": 60, "fill": "#F0F0F0", "cornerRadius": 4, "justifyContent": "end", "alignItems": "center", "children": [ { "type": "rectangle", "cornerRadius": 4, "id": "rXtYK", "name": "day7Fill", "fill": "#CCCCCC", "width": "fill_container", "height": 0 } ] }, { "type": "text", "id": "zEcGr", "name": "day7Label", "fill": "#CCCCCC", "content": "日", "fontFamily": "JetBrains Mono", "fontSize": 11, "fontWeight": "600" } ] } ] } ] } ] }, { "type": "frame", "id": "1aLmf", "name": "budgetSection", "width": "fill_container", "layout": "vertical", "gap": 16, "children": [ { "type": "frame", "id": "oXx0E", "name": "budgetHeader", "width": "fill_container", "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "text", "id": "iQUv1", "name": "budgetLabel", "fill": "#888888", "content": "预算使用", "fontFamily": "JetBrains Mono", "fontSize": 11, "fontWeight": "600", "letterSpacing": 2 }, { "type": "frame", "id": "BNyDN", "name": "budgetLink", "gap": 4, "alignItems": "center", "children": [ { "type": "text", "id": "4nB71", "name": "budgetLinkText", "fill": "#0D6E6E", "content": "管理预算", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "500" }, { "type": "icon_font", "id": "TP5CO", "name": "budgetLinkIcon", "width": 16, "height": 16, "iconFontName": "arrow-right", "iconFontFamily": "lucide", "fill": "#0D6E6E" } ] } ] }, { "type": "frame", "id": "dcxOW", "name": "budgetCard", "width": "fill_container", "fill": "#FFFFFF", "cornerRadius": 12, "stroke": { "thickness": 1, "fill": "#E5E5E5" }, "layout": "vertical", "gap": 16, "padding": 20, "children": [ { "type": "frame", "id": "9vWpI", "name": "budgetRow1", "width": "fill_container", "layout": "vertical", "gap": 8, "children": [ { "type": "frame", "id": "h2xbA", "name": "budget1Header", "width": "fill_container", "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "text", "id": "a8xDa", "name": "budget1Name", "fill": "#1A1A1A", "content": "餐饮预算", "fontFamily": "Newsreader", "fontSize": 16, "fontWeight": "500" }, { "type": "frame", "id": "wOn5D", "name": "budget1Stats", "gap": 8, "alignItems": "center", "children": [ { "type": "text", "id": "9OAb6", "name": "budget1Current", "fill": "#1A1A1A", "content": "¥486.50", "fontFamily": "JetBrains Mono", "fontSize": 14, "fontWeight": "600" }, { "type": "text", "id": "wyfo4", "name": "budget1Separator", "fill": "#CCCCCC", "content": "/", "fontFamily": "JetBrains Mono", "fontSize": 14, "fontWeight": "normal" }, { "type": "text", "id": "9LJg4", "name": "budget1Limit", "fill": "#888888", "content": "¥800", "fontFamily": "JetBrains Mono", "fontSize": 14, "fontWeight": "normal" } ] } ] }, { "type": "frame", "id": "Qpq8z", "name": "budget1Progress", "width": "fill_container", "height": 8, "fill": "#F0F0F0", "cornerRadius": 4, "children": [ { "type": "rectangle", "cornerRadius": 4, "id": "FevR2", "name": "budget1Fill", "fill": "#0D6E6E", "width": "fit_content(0)", "height": "fill_container" } ] } ] }, { "type": "rectangle", "id": "2Mhkm", "name": "dividerBudget1", "fill": "#F0F0F0", "width": "fill_container", "height": 1 }, { "type": "frame", "id": "Zmsql", "name": "budgetRow2", "width": "fill_container", "layout": "vertical", "gap": 8, "children": [ { "type": "frame", "id": "wMpH4", "name": "budget2Header", "width": "fill_container", "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "text", "id": "c3G6O", "name": "budget2Name", "fill": "#1A1A1A", "content": "购物预算", "fontFamily": "Newsreader", "fontSize": 16, "fontWeight": "500" }, { "type": "frame", "id": "zvFPU", "name": "budget2Stats", "gap": 8, "alignItems": "center", "children": [ { "type": "text", "id": "bIdRZ", "name": "budget2Current", "fill": "#1A1A1A", "content": "¥324.80", "fontFamily": "JetBrains Mono", "fontSize": 14, "fontWeight": "600" }, { "type": "text", "id": "4UWiB", "name": "budget2Separator", "fill": "#CCCCCC", "content": "/", "fontFamily": "JetBrains Mono", "fontSize": 14, "fontWeight": "normal" }, { "type": "text", "id": "mI9U4", "name": "budget2Limit", "fill": "#888888", "content": "¥500", "fontFamily": "JetBrains Mono", "fontSize": 14, "fontWeight": "normal" } ] } ] }, { "type": "frame", "id": "brX2g", "name": "budget2Progress", "width": "fill_container", "height": 8, "fill": "#F0F0F0", "cornerRadius": 4, "children": [ { "type": "rectangle", "cornerRadius": 4, "id": "GroRL", "name": "budget2Fill", "fill": "#0D6E6E", "width": "fit_content(0)", "height": "fill_container" } ] } ] }, { "type": "rectangle", "id": "3XhJP", "name": "dividerBudget2", "fill": "#F0F0F0", "width": "fill_container", "height": 1 }, { "type": "frame", "id": "3xCe8", "name": "budgetRow3", "width": "fill_container", "layout": "vertical", "gap": 8, "children": [ { "type": "frame", "id": "heXyN", "name": "budget3Header", "width": "fill_container", "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "text", "id": "AyvRg", "name": "budget3Name", "fill": "#1A1A1A", "content": "交通预算", "fontFamily": "Newsreader", "fontSize": 16, "fontWeight": "500" }, { "type": "frame", "id": "tiM8M", "name": "budget3Stats", "gap": 8, "alignItems": "center", "children": [ { "type": "text", "id": "kfSvd", "name": "budget3Current", "fill": "#1A1A1A", "content": "¥187.20", "fontFamily": "JetBrains Mono", "fontSize": 14, "fontWeight": "600" }, { "type": "text", "id": "ErldM", "name": "budget3Separator", "fill": "#CCCCCC", "content": "/", "fontFamily": "JetBrains Mono", "fontSize": 14, "fontWeight": "normal" }, { "type": "text", "id": "RedAa", "name": "budget3Limit", "fill": "#888888", "content": "¥300", "fontFamily": "JetBrains Mono", "fontSize": 14, "fontWeight": "normal" } ] } ] }, { "type": "frame", "id": "5V1SC", "name": "budget3Progress", "width": "fill_container", "height": 8, "fill": "#F0F0F0", "cornerRadius": 4, "children": [ { "type": "rectangle", "cornerRadius": 4, "id": "UwJJ5", "name": "budget3Fill", "fill": "#0D6E6E", "width": "fit_content(0)", "height": "fill_container" } ] } ] }, { "type": "rectangle", "id": "9BN3m", "name": "dividerBudget3", "fill": "#F0F0F0", "width": "fill_container", "height": 1 }, { "type": "frame", "id": "bSH2j", "name": "budgetRow4", "width": "fill_container", "layout": "vertical", "gap": 8, "children": [ { "type": "frame", "id": "9wyNg", "name": "budget4Header", "width": "fill_container", "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "text", "id": "zm8sI", "name": "budget4Name", "fill": "#1A1A1A", "content": "月度总预算", "fontFamily": "Newsreader", "fontSize": 16, "fontWeight": "500" }, { "type": "frame", "id": "SkudG", "name": "budget4Stats", "gap": 8, "alignItems": "center", "children": [ { "type": "text", "id": "TFK8I", "name": "budget4Current", "fill": "#E07B54", "content": "¥1,248.50", "fontFamily": "JetBrains Mono", "fontSize": 14, "fontWeight": "600" }, { "type": "text", "id": "uhqb0", "name": "budget4Separator", "fill": "#CCCCCC", "content": "/", "fontFamily": "JetBrains Mono", "fontSize": 14, "fontWeight": "normal" }, { "type": "text", "id": "ahL7W", "name": "budget4Limit", "fill": "#888888", "content": "¥2,500", "fontFamily": "JetBrains Mono", "fontSize": 14, "fontWeight": "normal" } ] } ] }, { "type": "frame", "id": "xDskg", "name": "budget4Progress", "width": "fill_container", "height": 8, "fill": "#F0F0F0", "cornerRadius": 4, "children": [ { "type": "rectangle", "cornerRadius": 4, "id": "W56Qb", "name": "budget4Fill", "fill": "#0D6E6E", "width": "fit_content(0)", "height": "fill_container" } ] } ] } ] } ] } ] } ] }, { "type": "frame", "id": "PlVHb", "x": -1413, "y": 369, "name": "Calendar (Dark)", "width": 402, "fill": "#09090B", "layout": "vertical", "children": [ { "type": "frame", "id": "gZpES", "name": "header", "width": "fill_container", "gap": 4, "padding": [ 8, 24 ], "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "frame", "id": "KchUY", "name": "headerContent", "width": 142, "height": 39, "layout": "vertical", "gap": 4, "children": [ { "type": "text", "id": "y8X8F", "name": "subtitle", "fill": "#a1a1aa", "content": "2026年1月", "fontFamily": "DM Sans", "fontSize": 24, "fontWeight": "500" } ] }, { "type": "frame", "id": "f1LMO", "name": "notifBtn", "width": 44, "height": 44, "fill": "#27272a", "cornerRadius": 22, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "icon_font", "id": "UMWrV", "name": "icon", "width": 20, "height": 20, "iconFontName": "bell", "iconFontFamily": "lucide", "fill": "#f4f4f5" } ] } ] }, { "type": "frame", "id": "2f9Lt", "name": "calContainer", "width": "fill_container", "layout": "vertical", "gap": 16, "padding": 24, "children": [ { "type": "frame", "id": "9uhuL", "name": "weekDays", "width": "fill_container", "justifyContent": "space_between", "children": [ { "type": "text", "id": "bM7Rv", "name": "dayMon", "fill": "#71717a", "content": "一", "textAlign": "center", "fontFamily": "DM Sans", "fontSize": 12, "fontWeight": "600" }, { "type": "text", "id": "Yq6GF", "name": "dayTue", "fill": "#71717a", "content": "二", "textAlign": "center", "fontFamily": "DM Sans", "fontSize": 12, "fontWeight": "600" }, { "type": "text", "id": "CmxXJ", "name": "dayWed", "fill": "#71717a", "content": "三", "textAlign": "center", "fontFamily": "DM Sans", "fontSize": 12, "fontWeight": "600" }, { "type": "text", "id": "mtCPr", "name": "dayThu", "fill": "#71717a", "content": "四", "textAlign": "center", "fontFamily": "DM Sans", "fontSize": 12, "fontWeight": "600" }, { "type": "text", "id": "OrNBC", "name": "dayFri", "fill": "#71717a", "content": "五", "textAlign": "center", "fontFamily": "DM Sans", "fontSize": 12, "fontWeight": "600" }, { "type": "text", "id": "wr9aj", "name": "daySat", "fill": "#71717a", "content": "六", "textAlign": "center", "fontFamily": "DM Sans", "fontSize": 12, "fontWeight": "600" }, { "type": "text", "id": "vkGTs", "name": "daySun", "fill": "#71717a", "content": "日", "textAlign": "center", "fontFamily": "DM Sans", "fontSize": 12, "fontWeight": "600" } ] }, { "type": "frame", "id": "8OVHm", "name": "calGrid", "width": "fill_container", "layout": "vertical", "gap": 12, "children": [ { "type": "frame", "id": "PoZdj", "name": "weekRow1", "width": "fill_container", "justifyContent": "space_between", "children": [ { "type": "frame", "id": "dbYbN", "name": "d1", "width": 44, "layout": "vertical", "gap": 2, "alignItems": "center", "children": [ { "type": "frame", "id": "KRJ9P", "name": "dc1", "width": 32, "height": 32, "cornerRadius": 16, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "5Wsnk", "name": "t1", "fill": "#52525b", "content": "29", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "500" } ] }, { "type": "text", "id": "IjHl0", "name": "am1", "fill": "#71717a", "content": " ", "fontFamily": "DM Sans", "fontSize": 9, "fontWeight": "500" } ] }, { "type": "frame", "id": "cBULU", "name": "d2", "width": 44, "layout": "vertical", "gap": 2, "alignItems": "center", "children": [ { "type": "frame", "id": "PRMhS", "name": "dc2", "width": 32, "height": 32, "cornerRadius": 16, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "GyZ9e", "name": "t2", "fill": "#52525b", "content": "30", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "500" } ] }, { "type": "text", "id": "K7WwK", "name": "am2", "fill": "#71717a", "content": " ", "fontFamily": "DM Sans", "fontSize": 9, "fontWeight": "500" } ] }, { "type": "frame", "id": "vN0jc", "name": "d3", "width": 44, "layout": "vertical", "gap": 2, "alignItems": "center", "children": [ { "type": "frame", "id": "pb3in", "name": "dc3", "width": 32, "height": 32, "cornerRadius": 16, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "owoDO", "name": "t3", "fill": "#52525b", "content": "31", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "500" } ] }, { "type": "text", "id": "zRuua", "name": "am3", "fill": "#71717a", "content": " ", "fontFamily": "DM Sans", "fontSize": 9, "fontWeight": "500" } ] }, { "type": "frame", "id": "y4VZo", "name": "d4", "width": 44, "layout": "vertical", "gap": 2, "alignItems": "center", "children": [ { "type": "frame", "id": "UOMXP", "name": "dc4", "width": 32, "height": 32, "fill": "#27272a", "cornerRadius": 16, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "R3LzE", "name": "t4", "fill": "#f4f4f5", "content": "1", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "600" } ] }, { "type": "text", "id": "U63Y9", "name": "am4", "fill": "#71717a", "content": "128", "fontFamily": "DM Sans", "fontSize": 9, "fontWeight": "500" } ] }, { "type": "frame", "id": "yaSMg", "name": "d5", "width": 44, "layout": "vertical", "gap": 2, "alignItems": "center", "children": [ { "type": "frame", "id": "c6drb", "name": "dc5", "width": 32, "height": 32, "fill": "#27272a", "cornerRadius": 16, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "dKXbg", "name": "t5", "fill": "#f4f4f5", "content": "2", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "600" } ] }, { "type": "text", "id": "UoLQr", "name": "am5", "fill": "#71717a", "content": "45", "fontFamily": "DM Sans", "fontSize": 9, "fontWeight": "500" } ] }, { "type": "frame", "id": "qaMDR", "name": "d6", "width": 44, "layout": "vertical", "gap": 2, "alignItems": "center", "children": [ { "type": "frame", "id": "gUgyM", "name": "dc6", "width": 32, "height": 32, "fill": "#27272a", "cornerRadius": 16, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "tCNCN", "name": "t6", "fill": "#f4f4f5", "content": "3", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "600" } ] }, { "type": "text", "id": "RWZ6K", "name": "am6", "fill": "#71717a", "content": "230", "fontFamily": "DM Sans", "fontSize": 9, "fontWeight": "500" } ] }, { "type": "frame", "id": "1VQYS", "name": "d7", "width": 44, "layout": "vertical", "gap": 2, "alignItems": "center", "children": [ { "type": "frame", "id": "oAc5u", "name": "dc7", "width": 32, "height": 32, "fill": "#27272a", "cornerRadius": 16, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "FSZDz", "name": "t7", "fill": "#f4f4f5", "content": "4", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "600" } ] }, { "type": "text", "id": "Ya1v0", "name": "am7", "fill": "#71717a", "content": "12", "fontFamily": "DM Sans", "fontSize": 9, "fontWeight": "500" } ] } ] }, { "type": "frame", "id": "B9B0z", "name": "weekRow2", "width": "fill_container", "justifyContent": "space_between", "children": [ { "type": "frame", "id": "NXFJE", "name": "d8", "width": 44, "layout": "vertical", "gap": 2, "alignItems": "center", "children": [ { "type": "frame", "id": "GcXgt", "name": "dc8", "width": 32, "height": 32, "fill": "#27272a", "cornerRadius": 16, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "tWHpg", "name": "t8", "fill": "#f4f4f5", "content": "5", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "600" } ] }, { "type": "text", "id": "8hc20", "name": "am8", "fill": "#71717a", "content": "88", "fontFamily": "DM Sans", "fontSize": 9, "fontWeight": "500" } ] }, { "type": "frame", "id": "YL5R1", "name": "d9", "width": 44, "layout": "vertical", "gap": 2, "alignItems": "center", "children": [ { "type": "frame", "id": "QVmej", "name": "dc9", "width": 32, "height": 32, "fill": "#27272a", "cornerRadius": 16, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "uH1vo", "name": "t9", "fill": "#f4f4f5", "content": "6", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "600" } ] }, { "type": "text", "id": "1sMYh", "name": "am9", "fill": "#f87171", "content": "223", "fontFamily": "DM Sans", "fontSize": 9, "fontWeight": "500" } ] }, { "type": "frame", "id": "lb4DB", "name": "d10", "width": 44, "layout": "vertical", "gap": 2, "alignItems": "center", "children": [ { "type": "frame", "id": "5B45F", "name": "dc10", "width": 32, "height": 32, "fill": "#27272a", "cornerRadius": 16, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "c6QXz", "name": "t10", "fill": "#f4f4f5", "content": "7", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "600" } ] }, { "type": "text", "id": "uuanY", "name": "am10", "fill": "#71717a", "content": "15", "fontFamily": "DM Sans", "fontSize": 9, "fontWeight": "500" } ] }, { "type": "frame", "id": "Zy1uP", "name": "d11", "width": 44, "layout": "vertical", "gap": 2, "alignItems": "center", "children": [ { "type": "frame", "id": "plRut", "name": "dc11", "width": 32, "height": 32, "fill": "#27272a", "cornerRadius": 16, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "WjwqP", "name": "t11", "fill": "#f4f4f5", "content": "8", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "600" } ] }, { "type": "text", "id": "jTBmH", "name": "am11", "fill": "#71717a", "content": "34", "fontFamily": "DM Sans", "fontSize": 9, "fontWeight": "500" } ] }, { "type": "frame", "id": "pxQYa", "name": "d12", "width": 44, "layout": "vertical", "gap": 2, "alignItems": "center", "children": [ { "type": "frame", "id": "N43l5", "name": "dc12", "width": 32, "height": 32, "fill": "#27272a", "cornerRadius": 16, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "z4Be0", "name": "t12", "fill": "#f4f4f5", "content": "9", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "600" } ] }, { "type": "text", "id": "oMqUr", "name": "am12", "fill": "#71717a", "content": "120", "fontFamily": "DM Sans", "fontSize": 9, "fontWeight": "500" } ] }, { "type": "frame", "id": "4Izh9", "name": "d13", "width": 44, "layout": "vertical", "gap": 2, "alignItems": "center", "children": [ { "type": "frame", "id": "T2eDU", "name": "dc13", "width": 32, "height": 32, "fill": "#27272a", "cornerRadius": 16, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "SFJdY", "name": "t13", "fill": "#f4f4f5", "content": "10", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "600" } ] }, { "type": "text", "id": "Ka4QA", "name": "am13", "fill": "#71717a", "content": "56", "fontFamily": "DM Sans", "fontSize": 9, "fontWeight": "500" } ] }, { "type": "frame", "id": "3jd1g", "name": "d14", "width": 44, "layout": "vertical", "gap": 2, "alignItems": "center", "children": [ { "type": "frame", "id": "GzO0j", "name": "dc14", "width": 32, "height": 32, "fill": "#27272a", "cornerRadius": 16, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "Cbwzh", "name": "t14", "fill": "#f4f4f5", "content": "11", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "600" } ] }, { "type": "text", "id": "Oj9rX", "name": "am14", "fill": "#f87171", "content": "442", "fontFamily": "DM Sans", "fontSize": 9, "fontWeight": "500" } ] } ] }, { "type": "frame", "id": "2G5FH", "name": "weekRow3", "width": "fill_container", "justifyContent": "space_between", "children": [ { "type": "frame", "id": "IiGDk", "name": "d15", "width": 44, "layout": "vertical", "gap": 2, "alignItems": "center", "children": [ { "type": "frame", "id": "QSwXv", "name": "dc15", "width": 32, "height": 32, "fill": "#FF6B6B", "cornerRadius": 16, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "MEoRp", "name": "t15", "fill": "#FFFFFF", "content": "12", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "700" } ] }, { "type": "text", "id": "UA6Uw", "name": "am15", "fill": "#FF6B6B", "content": "88", "fontFamily": "DM Sans", "fontSize": 9, "fontWeight": "500" } ] }, { "type": "frame", "id": "5cuAY", "name": "d16", "width": 44, "layout": "vertical", "gap": 2, "alignItems": "center", "children": [ { "type": "frame", "id": "6BPm7", "name": "dc16", "width": 32, "height": 32, "fill": "#27272a", "cornerRadius": 16, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "IXOUv", "name": "t16", "fill": "#f4f4f5", "content": "13", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "600" } ] }, { "type": "text", "id": "ZpAVN", "name": "am16", "fill": "#71717a", "content": "12", "fontFamily": "DM Sans", "fontSize": 9, "fontWeight": "500" } ] }, { "type": "frame", "id": "oKVGz", "name": "d17", "width": 44, "layout": "vertical", "gap": 2, "alignItems": "center", "children": [ { "type": "frame", "id": "2If3g", "name": "dc17", "width": 32, "height": 32, "fill": "#27272a", "cornerRadius": 16, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "xsR3f", "name": "t17", "fill": "#f4f4f5", "content": "14", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "600" } ] }, { "type": "text", "id": "tqpv6", "name": "am17", "fill": "#71717a", "content": " ", "fontFamily": "DM Sans", "fontSize": 9, "fontWeight": "500" } ] }, { "type": "frame", "id": "GwHZ1", "name": "d18", "width": 44, "layout": "vertical", "gap": 2, "alignItems": "center", "children": [ { "type": "frame", "id": "DcFj1", "name": "dc18", "width": 32, "height": 32, "fill": "#27272a", "cornerRadius": 16, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "vKyRP", "name": "t18", "fill": "#f4f4f5", "content": "15", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "600" } ] }, { "type": "text", "id": "wN52j", "name": "am18", "fill": "#71717a", "content": " ", "fontFamily": "DM Sans", "fontSize": 9, "fontWeight": "500" } ] }, { "type": "frame", "id": "TUJJ0", "name": "d19", "width": 44, "layout": "vertical", "gap": 2, "alignItems": "center", "children": [ { "type": "frame", "id": "EVFSp", "name": "dc19", "width": 32, "height": 32, "fill": "#27272a", "cornerRadius": 16, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "CTLn4", "name": "t19", "fill": "#f4f4f5", "content": "16", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "600" } ] }, { "type": "text", "id": "NFNmG", "name": "am19", "fill": "#f87171", "content": "542", "fontFamily": "DM Sans", "fontSize": 9, "fontWeight": "500" } ] }, { "type": "frame", "id": "c96XU", "name": "d20", "width": 44, "layout": "vertical", "gap": 2, "alignItems": "center", "children": [ { "type": "frame", "id": "lkItC", "name": "dc20", "width": 32, "height": 32, "fill": "#27272a", "cornerRadius": 16, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "RChCK", "name": "t20", "fill": "#f4f4f5", "content": "17", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "600" } ] }, { "type": "text", "id": "3JM0X", "name": "am20", "fill": "#71717a", "content": " ", "fontFamily": "DM Sans", "fontSize": 9, "fontWeight": "500" } ] }, { "type": "frame", "id": "dPyYV", "name": "d21", "width": 44, "layout": "vertical", "gap": 2, "alignItems": "center", "children": [ { "type": "frame", "id": "PejUl", "name": "dc21", "width": 32, "height": 32, "fill": "#27272a", "cornerRadius": 16, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "zssXc", "name": "t21", "fill": "#f4f4f5", "content": "18", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "600" } ] }, { "type": "text", "id": "B5z1P", "name": "am21", "fill": "#71717a", "content": "56", "fontFamily": "DM Sans", "fontSize": 9, "fontWeight": "500" } ] } ] }, { "type": "frame", "id": "A88XH", "name": "weekRow4", "width": "fill_container", "justifyContent": "space_between", "children": [ { "type": "frame", "id": "G6LcR", "name": "d22", "width": 44, "layout": "vertical", "gap": 2, "alignItems": "center", "children": [ { "type": "frame", "id": "1hBSX", "name": "dc22", "width": 32, "height": 32, "fill": "#27272a", "cornerRadius": 16, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "ZrJQh", "name": "t22", "fill": "#f4f4f5", "content": "19", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "600" } ] }, { "type": "text", "id": "ehhJi", "name": "am22", "fill": "#71717a", "content": " ", "fontFamily": "DM Sans", "fontSize": 9, "fontWeight": "500" } ] }, { "type": "frame", "id": "y8YpI", "name": "d23", "width": 44, "layout": "vertical", "gap": 2, "alignItems": "center", "children": [ { "type": "frame", "id": "i1JSh", "name": "dc23", "width": 32, "height": 32, "fill": "#27272a", "cornerRadius": 16, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "zQzCM", "name": "t23", "fill": "#f4f4f5", "content": "20", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "600" } ] }, { "type": "text", "id": "wysQz", "name": "am23", "fill": "#71717a", "content": " ", "fontFamily": "DM Sans", "fontSize": 9, "fontWeight": "500" } ] }, { "type": "frame", "id": "frJ4V", "name": "d24", "width": 44, "layout": "vertical", "gap": 2, "alignItems": "center", "children": [ { "type": "frame", "id": "t4m6z", "name": "dc24", "width": 32, "height": 32, "fill": "#27272a", "cornerRadius": 16, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "rs2zW", "name": "t24", "fill": "#f4f4f5", "content": "21", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "600" } ] }, { "type": "text", "id": "IbwTE", "name": "am24", "fill": "#71717a", "content": " ", "fontFamily": "DM Sans", "fontSize": 9, "fontWeight": "500" } ] }, { "type": "frame", "id": "gFbFw", "name": "d25", "width": 44, "layout": "vertical", "gap": 2, "alignItems": "center", "children": [ { "type": "frame", "id": "8RX85", "name": "dc25", "width": 32, "height": 32, "fill": "#27272a", "cornerRadius": 16, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "gUEjR", "name": "t25", "fill": "#f4f4f5", "content": "22", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "600" } ] }, { "type": "text", "id": "MiEIb", "name": "am25", "fill": "#71717a", "content": "125", "fontFamily": "DM Sans", "fontSize": 9, "fontWeight": "500" } ] }, { "type": "frame", "id": "mTHMU", "name": "d26", "width": 44, "layout": "vertical", "gap": 2, "alignItems": "center", "children": [ { "type": "frame", "id": "OMJpQ", "name": "dc26", "width": 32, "height": 32, "fill": "#27272a", "cornerRadius": 16, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "H4pzG", "name": "t26", "fill": "#f4f4f5", "content": "23", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "600" } ] }, { "type": "text", "id": "2p2Tu", "name": "am26", "fill": "#71717a", "content": " ", "fontFamily": "DM Sans", "fontSize": 9, "fontWeight": "500" } ] }, { "type": "frame", "id": "tLtM7", "name": "d27", "width": 44, "layout": "vertical", "gap": 2, "alignItems": "center", "children": [ { "type": "frame", "id": "78SmJ", "name": "dc27", "width": 32, "height": 32, "fill": "#27272a", "cornerRadius": 16, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "l4IJO", "name": "t27", "fill": "#f4f4f5", "content": "24", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "600" } ] }, { "type": "text", "id": "lFzIc", "name": "am27", "fill": "#71717a", "content": " ", "fontFamily": "DM Sans", "fontSize": 9, "fontWeight": "500" } ] }, { "type": "frame", "id": "iVLMS", "name": "d28", "width": 44, "layout": "vertical", "gap": 2, "alignItems": "center", "children": [ { "type": "frame", "id": "IPzvR", "name": "dc28", "width": 32, "height": 32, "fill": "#27272a", "cornerRadius": 16, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "YQW7p", "name": "t28", "fill": "#f4f4f5", "content": "25", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "600" } ] }, { "type": "text", "id": "2reDd", "name": "am28", "fill": "#71717a", "content": " ", "fontFamily": "DM Sans", "fontSize": 9, "fontWeight": "500" } ] } ] } ] } ] }, { "type": "frame", "id": "Xm1yI", "name": "stats", "width": "fill_container", "layout": "vertical", "gap": 16, "padding": 24, "children": [ { "type": "frame", "id": "WDuPW", "name": "statsHeader", "width": "fill_container", "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "text", "id": "KQpEH", "name": "statsTitle", "fill": "#f4f4f5", "content": "每日统计", "fontFamily": "Bricolage Grotesque", "fontSize": 18, "fontWeight": "700" }, { "type": "text", "id": "pCjJG", "name": "statsDate", "fill": "#a1a1aa", "content": "2026年1月12日", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "500" } ] }, { "type": "frame", "id": "UeZs3", "name": "statsCard", "width": "fill_container", "fill": "#18181b", "cornerRadius": 20, "layout": "vertical", "gap": 12, "padding": 20, "children": [ { "type": "frame", "id": "OfF2p", "name": "statsRow", "width": "fill_container", "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "text", "id": "sCMmg", "name": "statsLabel", "fill": "#a1a1aa", "content": "Total Spent", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "500" }, { "type": "frame", "id": "0M3qd", "name": "b1", "fill": "#451a03", "cornerRadius": 12, "padding": [ 6, 10 ], "children": [ { "type": "text", "id": "SLQhU", "name": "t29", "fill": "#fbbf24", "content": "Daily Limit: 2500", "fontFamily": "DM Sans", "fontSize": 11, "fontWeight": "600" } ] } ] }, { "type": "text", "id": "Bigj4", "name": "statsVal", "fill": "#f4f4f5", "content": "¥ 1,248.50", "fontFamily": "Bricolage Grotesque", "fontSize": 32, "fontWeight": "800" } ] } ] }, { "type": "frame", "id": "rINjA", "name": "txnList", "width": "fill_container", "layout": "vertical", "gap": 12, "padding": 24, "children": [ { "type": "frame", "id": "YJSsM", "name": "txnHeader", "width": "fill_container", "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "text", "id": "enDNe", "name": "txnTitle", "fill": "#f4f4f5", "content": "交易记录", "fontFamily": "Bricolage Grotesque", "fontSize": 18, "fontWeight": "700" }, { "type": "frame", "id": "Z5Pf4", "name": "rightActions", "gap": 8, "alignItems": "center", "children": [ { "type": "frame", "id": "qR22i", "name": "b2", "fill": "#064e3b", "cornerRadius": 12, "padding": [ 6, 12 ], "children": [ { "type": "text", "id": "z9Gyq", "name": "t30", "fill": "#4ade80", "content": "3 Items", "fontFamily": "DM Sans", "fontSize": 12, "fontWeight": "600" } ] }, { "type": "frame", "id": "xB6Pm", "name": "smartBtn", "fill": "#312e81", "cornerRadius": 12, "gap": 6, "padding": [ 6, 12 ], "alignItems": "center", "children": [ { "type": "icon_font", "id": "U9fdo", "name": "iconSmart", "width": 14, "height": 14, "iconFontName": "sparkles", "iconFontFamily": "lucide", "fill": "#6366F1" }, { "type": "text", "id": "mAvBq", "name": "labelSmart", "fill": "#818cf8", "content": "Smart", "fontFamily": "DM Sans", "fontSize": 12, "fontWeight": "600" } ] } ] } ] }, { "type": "frame", "id": "8wsnb", "name": "tCard1", "width": "fill_container", "fill": "#18181b", "cornerRadius": 16, "gap": 14, "padding": 16, "alignItems": "center", "children": [ { "type": "frame", "id": "D468k", "name": "tCat1", "width": 44, "height": 44, "fill": "#27272a", "cornerRadius": 22, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "icon_font", "id": "uyr5m", "name": "icon2", "width": 20, "height": 20, "iconFontName": "star", "iconFontFamily": "lucide", "fill": "#FF6B6B" } ] }, { "type": "frame", "id": "b1hWR", "name": "tContent1", "width": "fill_container", "layout": "vertical", "gap": 2, "children": [ { "type": "text", "id": "iEA77", "name": "tName1", "fill": "#f4f4f5", "content": "Lunch", "fontFamily": "DM Sans", "fontSize": 15, "fontWeight": "600" }, { "type": "text", "id": "dUUKV", "name": "tTime1", "fill": "#71717a", "content": "12:30 PM", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "500" } ] }, { "type": "text", "id": "rQZsd", "name": "tAmount1", "fill": "#f4f4f5", "content": "-58.00", "fontFamily": "DM Sans", "fontSize": 15, "fontWeight": "700" } ] }, { "type": "frame", "id": "B65gq", "name": "tCard2", "width": "fill_container", "fill": "#18181b", "cornerRadius": 16, "gap": 14, "padding": 16, "alignItems": "center", "children": [ { "type": "frame", "id": "Y9qhs", "name": "tCat2", "width": 44, "height": 44, "fill": "#27272a", "cornerRadius": 22, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "icon_font", "id": "pCURs", "name": "icon3", "width": 20, "height": 20, "iconFontName": "coffee", "iconFontFamily": "lucide", "fill": "#FCD34D" } ] }, { "type": "frame", "id": "bmO5H", "name": "tContent2", "width": "fill_container", "layout": "vertical", "gap": 2, "children": [ { "type": "text", "id": "MfTBA", "name": "tName2", "fill": "#f4f4f5", "content": "Coffee", "fontFamily": "DM Sans", "fontSize": 15, "fontWeight": "600" }, { "type": "text", "id": "VENve", "name": "tTime2", "fill": "#71717a", "content": "08:15 AM", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "500" } ] }, { "type": "text", "id": "mnUuS", "name": "tAmount2", "fill": "#f4f4f5", "content": "-24.50", "fontFamily": "DM Sans", "fontSize": 15, "fontWeight": "700" } ] } ] } ] }, { "type": "frame", "id": "uxvyO", "x": -1841, "y": 369, "name": "Calendar", "width": 402, "fill": "#FFFFFF", "layout": "vertical", "children": [ { "type": "frame", "id": "MegAe", "name": "header", "rotation": 0.0027546259757699116, "width": "fill_container", "gap": 4, "padding": [ 8, 24 ], "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "frame", "id": "lIUUB", "name": "headerContent", "width": 142, "height": 39, "layout": "vertical", "gap": 4, "children": [ { "type": "text", "id": "TRl09", "name": "subtitle", "fill": "#1a1a1a", "content": "2026年1月", "fontFamily": "DM Sans", "fontSize": 24, "fontWeight": "500" } ] }, { "type": "frame", "id": "nHzgV", "name": "notifBtn", "width": 44, "height": 44, "fill": "#F5F5F5", "cornerRadius": 22, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "icon_font", "id": "agodm", "name": "icon", "width": 20, "height": 20, "iconFontName": "bell", "iconFontFamily": "lucide", "fill": "#1A1A1A" } ] } ] }, { "type": "frame", "id": "9YwOQ", "name": "calContainer", "width": "fill_container", "layout": "vertical", "gap": 16, "padding": 24, "children": [ { "type": "frame", "id": "Enjcs", "name": "weekDays", "width": "fill_container", "justifyContent": "space_between", "children": [ { "type": "text", "id": "aezRw", "name": "dayMon", "fill": "#9CA3AF", "content": "一", "textAlign": "center", "fontFamily": "DM Sans", "fontSize": 12, "fontWeight": "600" }, { "type": "text", "id": "N2dL2", "name": "dayTue", "fill": "#9CA3AF", "content": "二", "textAlign": "center", "fontFamily": "DM Sans", "fontSize": 12, "fontWeight": "600" }, { "type": "text", "id": "Ke1I4", "name": "dayWed", "fill": "#9CA3AF", "content": "三", "textAlign": "center", "fontFamily": "DM Sans", "fontSize": 12, "fontWeight": "600" }, { "type": "text", "id": "3dtCH", "name": "dayThu", "fill": "#9CA3AF", "content": "四", "textAlign": "center", "fontFamily": "DM Sans", "fontSize": 12, "fontWeight": "600" }, { "type": "text", "id": "LZt56", "name": "dayFri", "fill": "#9CA3AF", "content": "五", "textAlign": "center", "fontFamily": "DM Sans", "fontSize": 12, "fontWeight": "600" }, { "type": "text", "id": "Hx4gg", "name": "daySat", "fill": "#9CA3AF", "content": "六", "textAlign": "center", "fontFamily": "DM Sans", "fontSize": 12, "fontWeight": "600" }, { "type": "text", "id": "XOxOU", "name": "daySun", "fill": "#9CA3AF", "content": "日", "textAlign": "center", "fontFamily": "DM Sans", "fontSize": 12, "fontWeight": "600" } ] }, { "type": "frame", "id": "MzWmb", "name": "calGrid", "width": "fill_container", "layout": "vertical", "gap": 12, "children": [ { "type": "frame", "id": "XgyNi", "name": "weekRow1", "width": "fill_container", "justifyContent": "space_between", "children": [ { "type": "frame", "id": "JBD2B", "name": "d1", "width": 44, "layout": "vertical", "gap": 2, "alignItems": "center", "children": [ { "type": "frame", "id": "XhOQb", "name": "dc1", "width": 32, "height": 32, "cornerRadius": 16, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "dWILj", "name": "t1", "fill": "#E5E7EB", "content": "29", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "500" } ] }, { "type": "text", "id": "QbkMj", "name": "am1", "fill": "#9CA3AF", "content": " ", "fontFamily": "DM Sans", "fontSize": 9, "fontWeight": "500" } ] }, { "type": "frame", "id": "QtOsX", "name": "d2", "width": 44, "layout": "vertical", "gap": 2, "alignItems": "center", "children": [ { "type": "frame", "id": "RPQpK", "name": "dc2", "width": 32, "height": 32, "cornerRadius": 16, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "CBkej", "name": "t2", "fill": "#E5E7EB", "content": "30", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "500" } ] }, { "type": "text", "id": "YJFdL", "name": "am2", "fill": "#9CA3AF", "content": " ", "fontFamily": "DM Sans", "fontSize": 9, "fontWeight": "500" } ] }, { "type": "frame", "id": "Pii3V", "name": "d3", "width": 44, "layout": "vertical", "gap": 2, "alignItems": "center", "children": [ { "type": "frame", "id": "ue39l", "name": "dc3", "width": 32, "height": 32, "cornerRadius": 16, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "CHPSF", "name": "t3", "fill": "#E5E7EB", "content": "31", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "500" } ] }, { "type": "text", "id": "7Or04", "name": "am3", "fill": "#9CA3AF", "content": " ", "fontFamily": "DM Sans", "fontSize": 9, "fontWeight": "500" } ] }, { "type": "frame", "id": "I7lCG", "name": "d4", "width": 44, "layout": "vertical", "gap": 2, "alignItems": "center", "children": [ { "type": "frame", "id": "JQoG1", "name": "dc4", "width": 32, "height": 32, "fill": "#F3F4F6", "cornerRadius": 16, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "RPCCr", "name": "t4", "fill": "#1A1A1A", "content": "1", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "600" } ] }, { "type": "text", "id": "gpAZh", "name": "am4", "fill": "#9CA3AF", "content": "128", "fontFamily": "DM Sans", "fontSize": 9, "fontWeight": "500" } ] }, { "type": "frame", "id": "mXGeX", "name": "d5", "width": 44, "layout": "vertical", "gap": 2, "alignItems": "center", "children": [ { "type": "frame", "id": "URBQs", "name": "dc5", "width": 32, "height": 32, "fill": "#F3F4F6", "cornerRadius": 16, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "S9S3w", "name": "t5", "fill": "#1A1A1A", "content": "2", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "600" } ] }, { "type": "text", "id": "N52TS", "name": "am5", "fill": "#9CA3AF", "content": "45", "fontFamily": "DM Sans", "fontSize": 9, "fontWeight": "500" } ] }, { "type": "frame", "id": "loEBf", "name": "d6", "width": 44, "layout": "vertical", "gap": 2, "alignItems": "center", "children": [ { "type": "frame", "id": "ON05s", "name": "dc6", "width": 32, "height": 32, "fill": "#F3F4F6", "cornerRadius": 16, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "6FPhN", "name": "t6", "fill": "#1A1A1A", "content": "3", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "600" } ] }, { "type": "text", "id": "2UghI", "name": "am6", "fill": "#9CA3AF", "content": "230", "fontFamily": "DM Sans", "fontSize": 9, "fontWeight": "500" } ] }, { "type": "frame", "id": "1PGUK", "name": "d7", "width": 44, "layout": "vertical", "gap": 2, "alignItems": "center", "children": [ { "type": "frame", "id": "ned05", "name": "dc7", "width": 32, "height": 32, "fill": "#F3F4F6", "cornerRadius": 16, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "CIR5a", "name": "t7", "fill": "#1A1A1A", "content": "4", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "600" } ] }, { "type": "text", "id": "7BADs", "name": "am7", "fill": "#9CA3AF", "content": "12", "fontFamily": "DM Sans", "fontSize": 9, "fontWeight": "500" } ] } ] }, { "type": "frame", "id": "Tz6sw", "name": "weekRow2", "width": "fill_container", "justifyContent": "space_between", "children": [ { "type": "frame", "id": "v6FYA", "name": "d8", "width": 44, "layout": "vertical", "gap": 2, "alignItems": "center", "children": [ { "type": "frame", "id": "WrZZI", "name": "dc8", "width": 32, "height": 32, "fill": "#F3F4F6", "cornerRadius": 16, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "UdO3y", "name": "t8", "fill": "#1A1A1A", "content": "5", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "600" } ] }, { "type": "text", "id": "fy2Yh", "name": "am8", "fill": "#9CA3AF", "content": "88", "fontFamily": "DM Sans", "fontSize": 9, "fontWeight": "500" } ] }, { "type": "frame", "id": "1Oq9t", "name": "d9", "width": 44, "layout": "vertical", "gap": 2, "alignItems": "center", "children": [ { "type": "frame", "id": "AjEZ8", "name": "dc9", "width": 32, "height": 32, "fill": "#F3F4F6", "cornerRadius": 16, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "qLQsc", "name": "t9", "fill": "#1A1A1A", "content": "6", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "600" } ] }, { "type": "text", "id": "3F9fG", "name": "am9", "fill": "#EF4444", "content": "223", "fontFamily": "DM Sans", "fontSize": 9, "fontWeight": "500" } ] }, { "type": "frame", "id": "srFBq", "name": "d10", "width": 44, "layout": "vertical", "gap": 2, "alignItems": "center", "children": [ { "type": "frame", "id": "enmB7", "name": "dc10", "width": 32, "height": 32, "fill": "#F3F4F6", "cornerRadius": 16, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "TfE49", "name": "t10", "fill": "#1A1A1A", "content": "7", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "600" } ] }, { "type": "text", "id": "jCZPU", "name": "am10", "fill": "#9CA3AF", "content": "15", "fontFamily": "DM Sans", "fontSize": 9, "fontWeight": "500" } ] }, { "type": "frame", "id": "kS4Kf", "name": "d11", "width": 44, "layout": "vertical", "gap": 2, "alignItems": "center", "children": [ { "type": "frame", "id": "9qTqV", "name": "dc11", "width": 32, "height": 32, "fill": "#F3F4F6", "cornerRadius": 16, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "Wjqtw", "name": "t11", "fill": "#1A1A1A", "content": "8", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "600" } ] }, { "type": "text", "id": "fxn2U", "name": "am11", "fill": "#9CA3AF", "content": "34", "fontFamily": "DM Sans", "fontSize": 9, "fontWeight": "500" } ] }, { "type": "frame", "id": "f1EBM", "name": "d12", "width": 44, "layout": "vertical", "gap": 2, "alignItems": "center", "children": [ { "type": "frame", "id": "InU2S", "name": "dc12", "width": 32, "height": 32, "fill": "#F3F4F6", "cornerRadius": 16, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "CSPDo", "name": "t12", "fill": "#1A1A1A", "content": "9", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "600" } ] }, { "type": "text", "id": "NrqQD", "name": "am12", "fill": "#9CA3AF", "content": "120", "fontFamily": "DM Sans", "fontSize": 9, "fontWeight": "500" } ] }, { "type": "frame", "id": "I1fba", "name": "d13", "width": 44, "layout": "vertical", "gap": 2, "alignItems": "center", "children": [ { "type": "frame", "id": "EAgBn", "name": "dc13", "width": 32, "height": 32, "fill": "#F3F4F6", "cornerRadius": 16, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "scRqy", "name": "t13", "fill": "#1A1A1A", "content": "10", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "600" } ] }, { "type": "text", "id": "JOjx8", "name": "am13", "fill": "#9CA3AF", "content": "56", "fontFamily": "DM Sans", "fontSize": 9, "fontWeight": "500" } ] }, { "type": "frame", "id": "JzeYH", "name": "d14", "width": 44, "layout": "vertical", "gap": 2, "alignItems": "center", "children": [ { "type": "frame", "id": "kk5e3", "name": "dc14", "width": 32, "height": 32, "fill": "#F3F4F6", "cornerRadius": 16, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "451de", "name": "t14", "fill": "#1A1A1A", "content": "11", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "600" } ] }, { "type": "text", "id": "FcKGz", "name": "am14", "fill": "#EF4444", "content": "442", "fontFamily": "DM Sans", "fontSize": 9, "fontWeight": "500" } ] } ] }, { "type": "frame", "id": "qeTBg", "name": "weekRow3", "width": "fill_container", "justifyContent": "space_between", "children": [ { "type": "frame", "id": "QBeoF", "name": "d15", "width": 44, "layout": "vertical", "gap": 2, "alignItems": "center", "children": [ { "type": "frame", "id": "Y4Kg7", "name": "dc15", "width": 32, "height": 32, "fill": "#FF6B6B", "cornerRadius": 16, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "8SaXC", "name": "t15", "fill": "#FFFFFF", "content": "12", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "700" } ] }, { "type": "text", "id": "uB5CO", "name": "am15", "fill": "#FF6B6B", "content": "88", "fontFamily": "DM Sans", "fontSize": 9, "fontWeight": "500" } ] }, { "type": "frame", "id": "heNOl", "name": "d16", "width": 44, "layout": "vertical", "gap": 2, "alignItems": "center", "children": [ { "type": "frame", "id": "CKGtu", "name": "dc16", "width": 32, "height": 32, "fill": "#F3F4F6", "cornerRadius": 16, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "PgD7j", "name": "t16", "fill": "#1A1A1A", "content": "13", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "600" } ] }, { "type": "text", "id": "Ycdcs", "name": "am16", "fill": "#9CA3AF", "content": "12", "fontFamily": "DM Sans", "fontSize": 9, "fontWeight": "500" } ] }, { "type": "frame", "id": "hFEQc", "name": "d17", "width": 44, "layout": "vertical", "gap": 2, "alignItems": "center", "children": [ { "type": "frame", "id": "mXxIa", "name": "dc17", "width": 32, "height": 32, "fill": "#F3F4F6", "cornerRadius": 16, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "tCINE", "name": "t17", "fill": "#1A1A1A", "content": "14", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "600" } ] }, { "type": "text", "id": "Lj583", "name": "am17", "fill": "#9CA3AF", "content": " ", "fontFamily": "DM Sans", "fontSize": 9, "fontWeight": "500" } ] }, { "type": "frame", "id": "XJVek", "name": "d18", "width": 44, "layout": "vertical", "gap": 2, "alignItems": "center", "children": [ { "type": "frame", "id": "IxLqo", "name": "dc18", "width": 32, "height": 32, "fill": "#F3F4F6", "cornerRadius": 16, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "gwmL4", "name": "t18", "fill": "#1A1A1A", "content": "15", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "600" } ] }, { "type": "text", "id": "bNCuc", "name": "am18", "fill": "#9CA3AF", "content": " ", "fontFamily": "DM Sans", "fontSize": 9, "fontWeight": "500" } ] }, { "type": "frame", "id": "FPohm", "name": "d19", "width": 44, "layout": "vertical", "gap": 2, "alignItems": "center", "children": [ { "type": "frame", "id": "TVF3v", "name": "dc19", "width": 32, "height": 32, "fill": "#F3F4F6", "cornerRadius": 16, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "63eTB", "name": "t19", "fill": "#1A1A1A", "content": "16", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "600" } ] }, { "type": "text", "id": "xhfrp", "name": "am19", "fill": "#EF4444", "content": "542", "fontFamily": "DM Sans", "fontSize": 9, "fontWeight": "500" } ] }, { "type": "frame", "id": "qFLHx", "name": "d20", "width": 44, "layout": "vertical", "gap": 2, "alignItems": "center", "children": [ { "type": "frame", "id": "wGsmZ", "name": "dc20", "width": 32, "height": 32, "fill": "#F3F4F6", "cornerRadius": 16, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "wNBoF", "name": "t20", "fill": "#1A1A1A", "content": "17", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "600" } ] }, { "type": "text", "id": "dkPzp", "name": "am20", "fill": "#9CA3AF", "content": " ", "fontFamily": "DM Sans", "fontSize": 9, "fontWeight": "500" } ] }, { "type": "frame", "id": "GTesZ", "name": "d21", "width": 44, "layout": "vertical", "gap": 2, "alignItems": "center", "children": [ { "type": "frame", "id": "3ophX", "name": "dc21", "width": 32, "height": 32, "fill": "#F3F4F6", "cornerRadius": 16, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "JWTIJ", "name": "t21", "fill": "#1A1A1A", "content": "18", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "600" } ] }, { "type": "text", "id": "N2f1o", "name": "am21", "fill": "#9CA3AF", "content": "56", "fontFamily": "DM Sans", "fontSize": 9, "fontWeight": "500" } ] } ] }, { "type": "frame", "id": "BL0GO", "name": "weekRow4", "width": "fill_container", "justifyContent": "space_between", "children": [ { "type": "frame", "id": "raA89", "name": "d22", "width": 44, "layout": "vertical", "gap": 2, "alignItems": "center", "children": [ { "type": "frame", "id": "QGMW6", "name": "dc22", "width": 32, "height": 32, "fill": "#F3F4F6", "cornerRadius": 16, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "OX8Sq", "name": "t22", "fill": "#1A1A1A", "content": "19", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "600" } ] }, { "type": "text", "id": "MmNjH", "name": "am22", "fill": "#9CA3AF", "content": " ", "fontFamily": "DM Sans", "fontSize": 9, "fontWeight": "500" } ] }, { "type": "frame", "id": "3fEct", "name": "d23", "width": 44, "layout": "vertical", "gap": 2, "alignItems": "center", "children": [ { "type": "frame", "id": "JFV6n", "name": "dc23", "width": 32, "height": 32, "fill": "#F3F4F6", "cornerRadius": 16, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "A4z3Z", "name": "t23", "fill": "#1A1A1A", "content": "20", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "600" } ] }, { "type": "text", "id": "75jXV", "name": "am23", "fill": "#9CA3AF", "content": " ", "fontFamily": "DM Sans", "fontSize": 9, "fontWeight": "500" } ] }, { "type": "frame", "id": "YhsCg", "name": "d24", "width": 44, "layout": "vertical", "gap": 2, "alignItems": "center", "children": [ { "type": "frame", "id": "4bAao", "name": "dc24", "width": 32, "height": 32, "fill": "#F3F4F6", "cornerRadius": 16, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "JtMNu", "name": "t24", "fill": "#1A1A1A", "content": "21", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "600" } ] }, { "type": "text", "id": "uK3E1", "name": "am24", "fill": "#9CA3AF", "content": " ", "fontFamily": "DM Sans", "fontSize": 9, "fontWeight": "500" } ] }, { "type": "frame", "id": "f8Paa", "name": "d25", "width": 44, "layout": "vertical", "gap": 2, "alignItems": "center", "children": [ { "type": "frame", "id": "0ePSV", "name": "dc25", "width": 32, "height": 32, "fill": "#F3F4F6", "cornerRadius": 16, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "ObCLU", "name": "t25", "fill": "#1A1A1A", "content": "22", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "600" } ] }, { "type": "text", "id": "kC1um", "name": "am25", "fill": "#9CA3AF", "content": "125", "fontFamily": "DM Sans", "fontSize": 9, "fontWeight": "500" } ] }, { "type": "frame", "id": "XVmli", "name": "d26", "width": 44, "layout": "vertical", "gap": 2, "alignItems": "center", "children": [ { "type": "frame", "id": "XCBcY", "name": "dc26", "width": 32, "height": 32, "fill": "#F3F4F6", "cornerRadius": 16, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "kP95q", "name": "t26", "fill": "#1A1A1A", "content": "23", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "600" } ] }, { "type": "text", "id": "RK4Ry", "name": "am26", "fill": "#9CA3AF", "content": " ", "fontFamily": "DM Sans", "fontSize": 9, "fontWeight": "500" } ] }, { "type": "frame", "id": "vL4sE", "name": "d27", "width": 44, "layout": "vertical", "gap": 2, "alignItems": "center", "children": [ { "type": "frame", "id": "tP6nn", "name": "dc27", "width": 32, "height": 32, "fill": "#F3F4F6", "cornerRadius": 16, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "VrxS3", "name": "t27", "fill": "#1A1A1A", "content": "24", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "600" } ] }, { "type": "text", "id": "mvwdI", "name": "am27", "fill": "#9CA3AF", "content": " ", "fontFamily": "DM Sans", "fontSize": 9, "fontWeight": "500" } ] }, { "type": "frame", "id": "nx6xt", "name": "d28", "width": 44, "layout": "vertical", "gap": 2, "alignItems": "center", "children": [ { "type": "frame", "id": "gUQjY", "name": "dc28", "width": 32, "height": 32, "fill": "#F3F4F6", "cornerRadius": 16, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "ro5rV", "name": "t28", "fill": "#1A1A1A", "content": "25", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "600" } ] }, { "type": "text", "id": "xXWh0", "name": "am28", "fill": "#9CA3AF", "content": " ", "fontFamily": "DM Sans", "fontSize": 9, "fontWeight": "500" } ] } ] } ] } ] }, { "type": "frame", "id": "vfW2m", "name": "stats", "width": "fill_container", "layout": "vertical", "gap": 16, "padding": 24, "children": [ { "type": "frame", "id": "ycEV7", "name": "statsHeader", "width": "fill_container", "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "text", "id": "LMdOg", "name": "statsTitle", "fill": "#1A1A1A", "content": "每日统计", "fontFamily": "Bricolage Grotesque", "fontSize": 18, "fontWeight": "700" }, { "type": "text", "id": "1TSK3", "name": "statsDate", "fill": "#6B7280", "content": "2026年1月12日", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "500" } ] }, { "type": "frame", "id": "JY4Fd", "name": "statsCard", "width": "fill_container", "fill": "#F6F7F8", "cornerRadius": 20, "layout": "vertical", "gap": 12, "padding": 20, "children": [ { "type": "frame", "id": "UiJYD", "name": "statsRow", "width": "fill_container", "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "text", "id": "QBHWG", "name": "statsLabel", "fill": "#6B7280", "content": "Total Spent", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "500" }, { "type": "frame", "id": "6TcZ1", "name": "b1", "fill": "#FFFBEB", "cornerRadius": 12, "padding": [ 6, 10 ], "children": [ { "type": "text", "id": "znYtx", "name": "t29", "fill": "#D97706", "content": "Daily Limit: 2500", "fontFamily": "DM Sans", "fontSize": 11, "fontWeight": "600" } ] } ] }, { "type": "text", "id": "nNirO", "name": "statsVal", "fill": "#1A1A1A", "content": "¥ 1,248.50", "fontFamily": "Bricolage Grotesque", "fontSize": 32, "fontWeight": "800" } ] } ] }, { "type": "frame", "id": "zIeUQ", "name": "txnList", "width": "fill_container", "layout": "vertical", "gap": 12, "padding": 24, "children": [ { "type": "frame", "id": "eL4ER", "name": "txnHeader", "width": "fill_container", "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "text", "id": "78oRL", "name": "txnTitle", "fill": "#1A1A1A", "content": "交易记录", "fontFamily": "Bricolage Grotesque", "fontSize": 18, "fontWeight": "700" }, { "type": "frame", "id": "QEbB1", "name": "rightActions", "gap": 8, "alignItems": "center", "children": [ { "type": "frame", "id": "2qH3a", "name": "b2", "fill": "#F0FDF4", "cornerRadius": 12, "padding": [ 6, 12 ], "children": [ { "type": "text", "id": "DkXPS", "name": "t30", "fill": "#22C55E", "content": "3 Items", "fontFamily": "DM Sans", "fontSize": 12, "fontWeight": "600" } ] }, { "type": "frame", "id": "NnlVI", "name": "smartBtn", "fill": "#E0E7FF", "cornerRadius": 12, "gap": 6, "padding": [ 6, 12 ], "alignItems": "center", "children": [ { "type": "icon_font", "id": "3soq6", "name": "iconSmart", "width": 14, "height": 14, "iconFontName": "sparkles", "iconFontFamily": "lucide", "fill": "#6366F1" }, { "type": "text", "id": "nbGbR", "name": "labelSmart", "fill": "#6366F1", "content": "Smart", "fontFamily": "DM Sans", "fontSize": 12, "fontWeight": "600" } ] } ] } ] }, { "type": "frame", "id": "5H1y6", "name": "tCard1", "width": "fill_container", "fill": "#F6F7F8", "cornerRadius": 16, "gap": 14, "padding": 16, "alignItems": "center", "children": [ { "type": "frame", "id": "jJBQ3", "name": "tCat1", "width": 44, "height": 44, "fill": "#FFFFFF", "cornerRadius": 22, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "icon_font", "id": "99rCw", "name": "icon2", "width": 20, "height": 20, "iconFontName": "star", "iconFontFamily": "lucide", "fill": "#FF6B6B" } ] }, { "type": "frame", "id": "1R9if", "name": "tContent1", "width": "fill_container", "layout": "vertical", "gap": 2, "children": [ { "type": "text", "id": "tD6vR", "name": "tName1", "fill": "#1A1A1A", "content": "Lunch", "fontFamily": "DM Sans", "fontSize": 15, "fontWeight": "600" }, { "type": "text", "id": "PmzGy", "name": "tTime1", "fill": "#9CA3AF", "content": "12:30 PM", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "500" } ] }, { "type": "text", "id": "0u2rh", "name": "tAmount1", "fill": "#1A1A1A", "content": "-58.00", "fontFamily": "DM Sans", "fontSize": 15, "fontWeight": "700" } ] }, { "type": "frame", "id": "GgQ7u", "name": "tCard2", "width": "fill_container", "fill": "#F6F7F8", "cornerRadius": 16, "gap": 14, "padding": 16, "alignItems": "center", "children": [ { "type": "frame", "id": "HVEFt", "name": "tCat2", "width": 44, "height": 44, "fill": "#FFFFFF", "cornerRadius": 22, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "icon_font", "id": "CiSSG", "name": "icon3", "width": 20, "height": 20, "iconFontName": "coffee", "iconFontFamily": "lucide", "fill": "#FCD34D" } ] }, { "type": "frame", "id": "4Bu2K", "name": "tContent2", "width": "fill_container", "layout": "vertical", "gap": 2, "children": [ { "type": "text", "id": "WeLFp", "name": "tName2", "fill": "#1A1A1A", "content": "Coffee", "fontFamily": "DM Sans", "fontSize": 15, "fontWeight": "600" }, { "type": "text", "id": "MpyeL", "name": "tTime2", "fill": "#9CA3AF", "content": "08:15 AM", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "500" } ] }, { "type": "text", "id": "jUaEO", "name": "tAmount2", "fill": "#1A1A1A", "content": "-24.50", "fontFamily": "DM Sans", "fontSize": 15, "fontWeight": "700" } ] } ] } ] }, { "type": "frame", "id": "SNGbj", "x": -538, "y": 369, "name": "Statistics Dark", "clip": true, "width": 402, "fill": "#0F0F0F", "layout": "vertical", "children": [ { "type": "frame", "id": "Ne4V3", "name": "contentWrapper", "width": "fill_container", "layout": "vertical", "gap": 24, "padding": 24, "children": [ { "type": "frame", "id": "S2B4K", "name": "periodSection", "width": "fill_container", "layout": "vertical", "gap": 16, "children": [ { "type": "frame", "id": "aMTNG", "name": "segmentControl", "width": "fill_container", "height": 44, "fill": "#1A1A1A", "cornerRadius": 8, "gap": 4, "padding": 4, "children": [ { "type": "frame", "id": "GcWPV", "name": "daySegment", "width": "fill_container", "height": "fill_container", "fill": "#2A2A2A", "cornerRadius": 6, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "yjM7I", "name": "dayLabel", "fill": "#1A1A1A", "content": "日", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "600" } ] }, { "type": "frame", "id": "iXgdY", "name": "weekSegment", "width": "fill_container", "height": "fill_container", "fill": "#1A1A1A", "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "KSuk0", "name": "weekLabel", "fill": "#888888", "content": "周", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "500" } ] }, { "type": "frame", "id": "sVB0J", "name": "monthSegment", "width": "fill_container", "height": "fill_container", "fill": "#1A1A1A", "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "2PpIp", "name": "monthLabel", "fill": "#888888", "content": "月", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "500" } ] } ] } ] }, { "type": "frame", "id": "eRNCW", "name": "metricsSection", "width": "fill_container", "layout": "vertical", "gap": 16, "children": [ { "type": "text", "id": "REhdK", "name": "metricsHeader", "fill": "#888888", "content": "核心指标", "fontFamily": "JetBrains Mono", "fontSize": 11, "fontWeight": "600", "letterSpacing": 2 }, { "type": "frame", "id": "rRNpr", "name": "metricsRow", "width": "fill_container", "gap": 16, "children": [ { "type": "frame", "id": "gzLwV", "name": "card1", "width": "fill_container", "height": 146, "fill": "#1A1A1A", "cornerRadius": 12, "stroke": { "thickness": 1, "fill": "#2A2A2A" }, "layout": "vertical", "gap": 12, "padding": 20, "justifyContent": "space_between", "children": [ { "type": "frame", "id": "blVoz", "name": "card1Top", "width": "fill_container", "layout": "vertical", "gap": 12, "children": [ { "type": "frame", "id": "9MqCU", "name": "card1Header", "width": "fill_container", "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "text", "id": "MbMbz", "name": "card1Label", "fill": "#888888", "content": "总支出", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "500" }, { "type": "text", "id": "8ceLw", "name": "card1Badge", "fill": "#E07B54", "content": "-15%", "fontFamily": "JetBrains Mono", "fontSize": 10, "fontWeight": "600" } ] }, { "type": "text", "id": "yAPmi", "name": "card1Value", "fill": "#1A1A1A", "content": "¥1,248.50", "lineHeight": 0.85, "fontFamily": "JetBrains Mono", "fontSize": 32, "fontWeight": "700" } ] }, { "type": "text", "id": "N1Qt4", "name": "card1Bottom", "fill": "#666666", "content": "较上期减少", "fontFamily": "Newsreader", "fontSize": 13, "fontWeight": "normal", "fontStyle": "italic" } ] }, { "type": "frame", "id": "eiGbX", "name": "card2", "width": "fill_container", "height": 146, "fill": "#1A1A1A", "cornerRadius": 12, "stroke": { "thickness": 1, "fill": "#2A2A2A" }, "layout": "vertical", "gap": 12, "padding": 20, "justifyContent": "space_between", "children": [ { "type": "frame", "id": "2LWDK", "name": "card2Top", "width": "fill_container", "layout": "vertical", "gap": 12, "children": [ { "type": "frame", "id": "LEFHn", "name": "card2Header", "width": "fill_container", "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "text", "id": "cpuUR", "name": "card2Label", "fill": "#888888", "content": "交易笔数", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "500" }, { "type": "text", "id": "Kaya5", "name": "card2Badge", "fill": "#0D6E6E", "content": "+8", "fontFamily": "JetBrains Mono", "fontSize": 10, "fontWeight": "600" } ] }, { "type": "text", "id": "cwcBx", "name": "card2Value", "fill": "#1A1A1A", "content": "127", "lineHeight": 0.85, "fontFamily": "JetBrains Mono", "fontSize": 32, "fontWeight": "700" } ] }, { "type": "frame", "id": "Ps49o", "name": "card2Bottom", "width": "fill_container", "height": 24, "gap": 3, "alignItems": "end", "children": [ { "type": "rectangle", "cornerRadius": 2, "id": "BJ6jY", "name": "bar1", "fill": "#E5E5E5", "width": "fill_container", "height": 8 }, { "type": "rectangle", "cornerRadius": 2, "id": "nRTiE", "name": "bar2", "fill": "#E5E5E5", "width": "fill_container", "height": 12 }, { "type": "rectangle", "cornerRadius": 2, "id": "xGdPL", "name": "bar3", "fill": "#E5E5E5", "width": "fill_container", "height": 16 }, { "type": "rectangle", "cornerRadius": 2, "id": "Ui6Yh", "name": "bar4", "fill": "#E5E5E5", "width": "fill_container", "height": 14 }, { "type": "rectangle", "cornerRadius": 2, "id": "W6JsE", "name": "bar5", "fill": "#E5E5E5", "width": "fill_container", "height": 20 }, { "type": "rectangle", "cornerRadius": 2, "id": "jey1R", "name": "bar6", "fill": "#E5E5E5", "width": "fill_container", "height": 18 }, { "type": "rectangle", "cornerRadius": 2, "id": "9qTWP", "name": "bar7", "fill": "#0D6E6E", "width": "fill_container", "height": 24 } ] } ] } ] }, { "type": "frame", "id": "kuG9h", "name": "incomeRow", "width": "fill_container", "gap": 16, "children": [ { "type": "frame", "id": "0JHPv", "name": "incomeCard", "width": "fill_container", "height": 146, "fill": "#1A1A1A", "cornerRadius": 12, "stroke": { "thickness": 1, "fill": "#2A2A2A" }, "layout": "vertical", "gap": 12, "padding": 20, "justifyContent": "space_between", "children": [ { "type": "frame", "id": "d6TLE", "name": "incomeTop", "width": "fill_container", "layout": "vertical", "gap": 12, "children": [ { "type": "frame", "id": "N1n4g", "name": "incomeHeader", "width": "fill_container", "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "text", "id": "CuedQ", "name": "incomeLabel", "fill": "#888888", "content": "总收入", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "500" }, { "type": "text", "id": "i3Mpg", "name": "incomeBadge", "fill": "#0D6E6E", "content": "+2", "fontFamily": "JetBrains Mono", "fontSize": 10, "fontWeight": "600" } ] }, { "type": "text", "id": "Vk4jR", "name": "incomeValue", "fill": "#0D6E6E", "content": "¥3,200", "lineHeight": 0.85, "fontFamily": "JetBrains Mono", "fontSize": 32, "fontWeight": "700" } ] }, { "type": "text", "id": "hKOg2", "name": "incomeBottom", "fill": "#666666", "content": "工资、红包等", "fontFamily": "Newsreader", "fontSize": 13, "fontWeight": "normal", "fontStyle": "italic" } ] }, { "type": "frame", "id": "DwFMn", "name": "balanceCard", "width": "fill_container", "height": 146, "fill": "#1A1A1A", "cornerRadius": 12, "stroke": { "thickness": 1, "fill": "#2A2A2A" }, "layout": "vertical", "gap": 12, "padding": 20, "justifyContent": "space_between", "children": [ { "type": "frame", "id": "hZw8Y", "name": "balanceTop", "width": "fill_container", "layout": "vertical", "gap": 12, "children": [ { "type": "frame", "id": "If37j", "name": "balanceHeader", "width": "fill_container", "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "text", "id": "MbbIn", "name": "balanceLabel", "fill": "#888888", "content": "净收支", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "500" }, { "type": "icon_font", "id": "Up2rP", "name": "balanceIcon", "width": 16, "height": 16, "iconFontName": "trending-up", "iconFontFamily": "lucide", "fill": "#0D6E6E" } ] }, { "type": "text", "id": "pV54w", "name": "balanceValue", "fill": "#0D6E6E", "content": "+¥1,951.50", "lineHeight": 0.85, "fontFamily": "JetBrains Mono", "fontSize": 32, "fontWeight": "700" } ] }, { "type": "frame", "id": "tDVfb", "name": "balanceBottom", "width": "fill_container", "gap": 8, "alignItems": "center", "children": [ { "type": "ellipse", "id": "Cog7D", "name": "balanceCircle", "fill": "#0D6E6E", "width": 8, "height": 8 }, { "type": "text", "id": "4FyE8", "name": "balanceDesc", "fill": "#666666", "content": "收入大于支出", "fontFamily": "Newsreader", "fontSize": 13, "fontWeight": "normal", "fontStyle": "italic" } ] } ] } ] } ] }, { "type": "frame", "id": "WlDc7", "name": "categorySection", "width": "fill_container", "layout": "vertical", "gap": 16, "children": [ { "type": "frame", "id": "lB56E", "name": "categoryHeader", "width": "fill_container", "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "text", "id": "PGCma", "name": "categoryLabel", "fill": "#888888", "content": "分类支出", "fontFamily": "JetBrains Mono", "fontSize": 11, "fontWeight": "600", "letterSpacing": 2 }, { "type": "frame", "id": "Buslb", "name": "categoryLink", "gap": 4, "alignItems": "center", "children": [ { "type": "text", "id": "DSq5h", "name": "linkText", "fill": "#0D6E6E", "content": "查看全部", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "500" }, { "type": "icon_font", "id": "LCRZw", "name": "linkIcon", "width": 16, "height": 16, "iconFontName": "arrow-right", "iconFontFamily": "lucide", "fill": "#0D6E6E" } ] } ] }, { "type": "frame", "id": "YCfml", "name": "categoryCard", "width": "fill_container", "fill": "#1A1A1A", "cornerRadius": 12, "stroke": { "thickness": 1, "fill": "#2A2A2A" }, "layout": "vertical", "gap": 16, "padding": 20, "children": [ { "type": "frame", "id": "smukQ", "name": "catRow1", "width": "fill_container", "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "frame", "id": "BOwbE", "name": "cat1Left", "gap": 12, "alignItems": "center", "children": [ { "type": "frame", "id": "xzE05", "name": "cat1Icon", "width": 40, "height": 40, "fill": "#0D6E6E15", "cornerRadius": 10, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "icon_font", "id": "GN2eX", "name": "cat1IconSym", "width": 20, "height": 20, "iconFontName": "utensils", "iconFontFamily": "lucide", "fill": "#0D6E6E" } ] }, { "type": "frame", "id": "sood7", "name": "cat1Info", "layout": "vertical", "gap": 2, "children": [ { "type": "text", "id": "PwM2t", "name": "cat1Name", "fill": "#1A1A1A", "content": "餐饮美食", "fontFamily": "Newsreader", "fontSize": 16, "fontWeight": "500" }, { "type": "text", "id": "FYYrX", "name": "cat1Count", "fill": "#888888", "content": "32笔交易", "fontFamily": "JetBrains Mono", "fontSize": 11, "fontWeight": "normal" } ] } ] }, { "type": "text", "id": "cHFM8", "name": "cat1Amount", "fill": "#1A1A1A", "content": "¥486.50", "fontFamily": "JetBrains Mono", "fontSize": 16, "fontWeight": "600" } ] }, { "type": "rectangle", "id": "03fSF", "name": "divider1", "fill": "#2A2A2A", "width": "fill_container", "height": 1 }, { "type": "frame", "id": "F7dYQ", "name": "catRow2", "width": "fill_container", "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "frame", "id": "c7YYD", "name": "cat2Left", "gap": 12, "alignItems": "center", "children": [ { "type": "frame", "id": "iD8Sn", "name": "cat2Icon", "width": 40, "height": 40, "fill": "#E07B5415", "cornerRadius": 10, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "icon_font", "id": "y30Px", "name": "cat2IconSym", "width": 20, "height": 20, "iconFontName": "shopping-cart", "iconFontFamily": "lucide", "fill": "#E07B54" } ] }, { "type": "frame", "id": "9D72D", "name": "cat2Info", "layout": "vertical", "gap": 2, "children": [ { "type": "text", "id": "eYYED", "name": "cat2Name", "fill": "#1A1A1A", "content": "购物消费", "fontFamily": "Newsreader", "fontSize": 16, "fontWeight": "500" }, { "type": "text", "id": "diPzi", "name": "cat2Count", "fill": "#888888", "content": "18笔交易", "fontFamily": "JetBrains Mono", "fontSize": 11, "fontWeight": "normal" } ] } ] }, { "type": "text", "id": "Mv7iS", "name": "cat2Amount", "fill": "#1A1A1A", "content": "¥324.80", "fontFamily": "JetBrains Mono", "fontSize": 16, "fontWeight": "600" } ] }, { "type": "rectangle", "id": "GkSAw", "name": "divider2", "fill": "#2A2A2A", "width": "fill_container", "height": 1 }, { "type": "frame", "id": "AIgT8", "name": "catRow3", "width": "fill_container", "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "frame", "id": "9jWrK", "name": "cat3Left", "gap": 12, "alignItems": "center", "children": [ { "type": "frame", "id": "wAJ8N", "name": "cat3Icon", "width": 40, "height": 40, "fill": "#88888815", "cornerRadius": 10, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "icon_font", "id": "Rw9Zw", "name": "cat3IconSym", "width": 20, "height": 20, "iconFontName": "car", "iconFontFamily": "lucide", "fill": "#888888" } ] }, { "type": "frame", "id": "pwPQl", "name": "cat3Info", "layout": "vertical", "gap": 2, "children": [ { "type": "text", "id": "ImCqZ", "name": "cat3Name", "fill": "#1A1A1A", "content": "交通出行", "fontFamily": "Newsreader", "fontSize": 16, "fontWeight": "500" }, { "type": "text", "id": "D4LiL", "name": "cat3Count", "fill": "#888888", "content": "24笔交易", "fontFamily": "JetBrains Mono", "fontSize": 11, "fontWeight": "normal" } ] } ] }, { "type": "text", "id": "3wuUv", "name": "cat3Amount", "fill": "#1A1A1A", "content": "¥187.20", "fontFamily": "JetBrains Mono", "fontSize": 16, "fontWeight": "600" } ] } ] } ] }, { "type": "frame", "id": "5Y9IO", "name": "trendSection", "width": "fill_container", "layout": "vertical", "gap": 16, "children": [ { "type": "frame", "id": "RUR1j", "name": "trendHeader", "width": "fill_container", "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "text", "id": "2rRGK", "name": "trendLabel", "fill": "#888888", "content": "支出趋势", "fontFamily": "JetBrains Mono", "fontSize": 11, "fontWeight": "600", "letterSpacing": 2 }, { "type": "frame", "id": "DoySY", "name": "trendPercent", "gap": 4, "alignItems": "center", "children": [ { "type": "text", "id": "owHq2", "name": "percentValue", "fill": "#1A1A1A", "content": "86", "fontFamily": "JetBrains Mono", "fontSize": 28, "fontWeight": "700" }, { "type": "text", "id": "RHN2S", "name": "percentSign", "fill": "#888888", "content": "%", "fontFamily": "JetBrains Mono", "fontSize": 14, "fontWeight": "500" } ] } ] }, { "type": "rectangle", "id": "jseUG", "name": "hrLine", "fill": "#2A2A2A", "width": "fill_container", "height": 1 }, { "type": "frame", "id": "4xrJ0", "name": "trendCard", "width": "fill_container", "fill": "#1A1A1A", "cornerRadius": 12, "stroke": { "thickness": 1, "fill": "#2A2A2A" }, "layout": "vertical", "gap": 16, "padding": 20, "children": [ { "type": "frame", "id": "pBKSz", "name": "weekChart", "width": "fill_container", "height": 80, "justifyContent": "space_between", "alignItems": "end", "children": [ { "type": "frame", "id": "eX19l", "name": "day1Col", "layout": "vertical", "gap": 8, "alignItems": "center", "children": [ { "type": "frame", "id": "j1Gsc", "name": "day1Bar", "width": 32, "height": 60, "fill": "#F0F0F0", "cornerRadius": 4, "justifyContent": "end", "alignItems": "center", "children": [ { "type": "rectangle", "cornerRadius": 4, "id": "icOhJ", "name": "day1Fill", "fill": "#0D6E6E", "width": "fill_container", "height": 42 } ] }, { "type": "text", "id": "3o3SE", "name": "day1Label", "fill": "#888888", "content": "一", "fontFamily": "JetBrains Mono", "fontSize": 11, "fontWeight": "600" } ] }, { "type": "frame", "id": "dSWac", "name": "day2Col", "layout": "vertical", "gap": 8, "alignItems": "center", "children": [ { "type": "frame", "id": "HfP3M", "name": "day2Bar", "width": 32, "height": 60, "fill": "#F0F0F0", "cornerRadius": 4, "justifyContent": "end", "alignItems": "center", "children": [ { "type": "rectangle", "cornerRadius": 4, "id": "HOFPd", "name": "day2Fill", "fill": "#0D6E6E", "width": "fill_container", "height": 48 } ] }, { "type": "text", "id": "owYO0", "name": "day2Label", "fill": "#888888", "content": "二", "fontFamily": "JetBrains Mono", "fontSize": 11, "fontWeight": "600" } ] }, { "type": "frame", "id": "RiZ7L", "name": "day3Col", "layout": "vertical", "gap": 8, "alignItems": "center", "children": [ { "type": "frame", "id": "mFjvc", "name": "day3Bar", "width": 32, "height": 60, "fill": "#F0F0F0", "cornerRadius": 4, "justifyContent": "end", "alignItems": "center", "children": [ { "type": "rectangle", "cornerRadius": 4, "id": "ZT5zP", "name": "day3Fill", "fill": "#0D6E6E", "width": "fill_container", "height": 36 } ] }, { "type": "text", "id": "gnymK", "name": "day3Label", "fill": "#888888", "content": "三", "fontFamily": "JetBrains Mono", "fontSize": 11, "fontWeight": "600" } ] }, { "type": "frame", "id": "kikrs", "name": "day4Col", "layout": "vertical", "gap": 8, "alignItems": "center", "children": [ { "type": "frame", "id": "o8Ops", "name": "day4Bar", "width": 32, "height": 60, "fill": "#F0F0F0", "cornerRadius": 4, "justifyContent": "end", "alignItems": "center", "children": [ { "type": "rectangle", "cornerRadius": 4, "id": "an8NN", "name": "day4Fill", "fill": "#0D6E6E", "width": "fill_container", "height": 52 } ] }, { "type": "text", "id": "JUkjU", "name": "day4Label", "fill": "#888888", "content": "四", "fontFamily": "JetBrains Mono", "fontSize": 11, "fontWeight": "600" } ] }, { "type": "frame", "id": "VLzOR", "name": "day5Col", "layout": "vertical", "gap": 8, "alignItems": "center", "children": [ { "type": "frame", "id": "bQgJe", "name": "day5Bar", "width": 32, "height": 60, "fill": "#F0F0F0", "cornerRadius": 4, "justifyContent": "end", "alignItems": "center", "children": [ { "type": "rectangle", "cornerRadius": 4, "id": "2AgUH", "name": "day5Fill", "fill": "#0D6E6E", "width": "fill_container", "height": 44 } ] }, { "type": "text", "id": "qOQ4p", "name": "day5Label", "fill": "#888888", "content": "五", "fontFamily": "JetBrains Mono", "fontSize": 11, "fontWeight": "600" } ] }, { "type": "frame", "id": "MPgAT", "name": "day6Col", "layout": "vertical", "gap": 8, "alignItems": "center", "children": [ { "type": "frame", "id": "7G3ar", "name": "day6Bar", "width": 32, "height": 60, "fill": "#F0F0F0", "cornerRadius": 4, "justifyContent": "end", "alignItems": "center", "children": [ { "type": "rectangle", "cornerRadius": 4, "id": "fzBSL", "name": "day6Fill", "fill": "#E07B54", "width": "fill_container", "height": 56 } ] }, { "type": "text", "id": "gGSUR", "name": "day6Label", "fill": "#E07B54", "content": "六", "fontFamily": "JetBrains Mono", "fontSize": 11, "fontWeight": "700" } ] }, { "type": "frame", "id": "TeAAb", "name": "day7Col", "layout": "vertical", "gap": 8, "alignItems": "center", "children": [ { "type": "frame", "id": "nczaG", "name": "day7Bar", "width": 32, "height": 60, "fill": "#F0F0F0", "cornerRadius": 4, "justifyContent": "end", "alignItems": "center", "children": [ { "type": "rectangle", "cornerRadius": 4, "id": "lQQkB", "name": "day7Fill", "fill": "#CCCCCC", "width": "fill_container", "height": 0 } ] }, { "type": "text", "id": "6A1gG", "name": "day7Label", "fill": "#CCCCCC", "content": "日", "fontFamily": "JetBrains Mono", "fontSize": 11, "fontWeight": "600" } ] } ] } ] } ] }, { "type": "frame", "id": "o7KQR", "name": "budgetSection", "width": "fill_container", "layout": "vertical", "gap": 16, "children": [ { "type": "frame", "id": "qyU0F", "name": "budgetHeader", "width": "fill_container", "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "text", "id": "TNee1", "name": "budgetLabel", "fill": "#888888", "content": "预算使用", "fontFamily": "JetBrains Mono", "fontSize": 11, "fontWeight": "600", "letterSpacing": 2 }, { "type": "frame", "id": "xDdF3", "name": "budgetLink", "gap": 4, "alignItems": "center", "children": [ { "type": "text", "id": "hsFsL", "name": "budgetLinkText", "fill": "#0D6E6E", "content": "管理预算", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "500" }, { "type": "icon_font", "id": "X3FVP", "name": "budgetLinkIcon", "width": 16, "height": 16, "iconFontName": "arrow-right", "iconFontFamily": "lucide", "fill": "#0D6E6E" } ] } ] }, { "type": "frame", "id": "lTC30", "name": "budgetCard", "width": "fill_container", "fill": "#1A1A1A", "cornerRadius": 12, "stroke": { "thickness": 1, "fill": "#2A2A2A" }, "layout": "vertical", "gap": 16, "padding": 20, "children": [ { "type": "frame", "id": "yGTsJ", "name": "budgetRow1", "width": "fill_container", "layout": "vertical", "gap": 8, "children": [ { "type": "frame", "id": "hGg0o", "name": "budget1Header", "width": "fill_container", "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "text", "id": "lahdF", "name": "budget1Name", "fill": "#1A1A1A", "content": "餐饮预算", "fontFamily": "Newsreader", "fontSize": 16, "fontWeight": "500" }, { "type": "frame", "id": "sFvuo", "name": "budget1Stats", "gap": 8, "alignItems": "center", "children": [ { "type": "text", "id": "PlfTc", "name": "budget1Current", "fill": "#1A1A1A", "content": "¥486.50", "fontFamily": "JetBrains Mono", "fontSize": 14, "fontWeight": "600" }, { "type": "text", "id": "EEz17", "name": "budget1Separator", "fill": "#CCCCCC", "content": "/", "fontFamily": "JetBrains Mono", "fontSize": 14, "fontWeight": "normal" }, { "type": "text", "id": "vjUSm", "name": "budget1Limit", "fill": "#888888", "content": "¥800", "fontFamily": "JetBrains Mono", "fontSize": 14, "fontWeight": "normal" } ] } ] }, { "type": "frame", "id": "9OO3J", "name": "budget1Progress", "width": "fill_container", "height": 8, "fill": "#F0F0F0", "cornerRadius": 4, "children": [ { "type": "rectangle", "cornerRadius": 4, "id": "cP0JF", "name": "budget1Fill", "fill": "#0D6E6E", "width": "fit_content(0)", "height": "fill_container" } ] } ] }, { "type": "rectangle", "id": "hosNk", "name": "dividerBudget1", "fill": "#2A2A2A", "width": "fill_container", "height": 1 }, { "type": "frame", "id": "SWb0B", "name": "budgetRow2", "width": "fill_container", "layout": "vertical", "gap": 8, "children": [ { "type": "frame", "id": "fUy3x", "name": "budget2Header", "width": "fill_container", "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "text", "id": "9kPuT", "name": "budget2Name", "fill": "#1A1A1A", "content": "购物预算", "fontFamily": "Newsreader", "fontSize": 16, "fontWeight": "500" }, { "type": "frame", "id": "TA08z", "name": "budget2Stats", "gap": 8, "alignItems": "center", "children": [ { "type": "text", "id": "vcOPi", "name": "budget2Current", "fill": "#1A1A1A", "content": "¥324.80", "fontFamily": "JetBrains Mono", "fontSize": 14, "fontWeight": "600" }, { "type": "text", "id": "OtoDw", "name": "budget2Separator", "fill": "#CCCCCC", "content": "/", "fontFamily": "JetBrains Mono", "fontSize": 14, "fontWeight": "normal" }, { "type": "text", "id": "pvuCY", "name": "budget2Limit", "fill": "#888888", "content": "¥500", "fontFamily": "JetBrains Mono", "fontSize": 14, "fontWeight": "normal" } ] } ] }, { "type": "frame", "id": "UHVdS", "name": "budget2Progress", "width": "fill_container", "height": 8, "fill": "#F0F0F0", "cornerRadius": 4, "children": [ { "type": "rectangle", "cornerRadius": 4, "id": "brzAn", "name": "budget2Fill", "fill": "#0D6E6E", "width": "fit_content(0)", "height": "fill_container" } ] } ] }, { "type": "rectangle", "id": "Smd3M", "name": "dividerBudget2", "fill": "#2A2A2A", "width": "fill_container", "height": 1 }, { "type": "frame", "id": "oesDd", "name": "budgetRow3", "width": "fill_container", "layout": "vertical", "gap": 8, "children": [ { "type": "frame", "id": "luQLm", "name": "budget3Header", "width": "fill_container", "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "text", "id": "vLrts", "name": "budget3Name", "fill": "#1A1A1A", "content": "交通预算", "fontFamily": "Newsreader", "fontSize": 16, "fontWeight": "500" }, { "type": "frame", "id": "h6em3", "name": "budget3Stats", "gap": 8, "alignItems": "center", "children": [ { "type": "text", "id": "Rd3K0", "name": "budget3Current", "fill": "#1A1A1A", "content": "¥187.20", "fontFamily": "JetBrains Mono", "fontSize": 14, "fontWeight": "600" }, { "type": "text", "id": "w41uC", "name": "budget3Separator", "fill": "#CCCCCC", "content": "/", "fontFamily": "JetBrains Mono", "fontSize": 14, "fontWeight": "normal" }, { "type": "text", "id": "FO1ni", "name": "budget3Limit", "fill": "#888888", "content": "¥300", "fontFamily": "JetBrains Mono", "fontSize": 14, "fontWeight": "normal" } ] } ] }, { "type": "frame", "id": "i69zI", "name": "budget3Progress", "width": "fill_container", "height": 8, "fill": "#F0F0F0", "cornerRadius": 4, "children": [ { "type": "rectangle", "cornerRadius": 4, "id": "7Wqfo", "name": "budget3Fill", "fill": "#0D6E6E", "width": "fit_content(0)", "height": "fill_container" } ] } ] }, { "type": "rectangle", "id": "QVVZp", "name": "dividerBudget3", "fill": "#2A2A2A", "width": "fill_container", "height": 1 }, { "type": "frame", "id": "2lMDf", "name": "budgetRow4", "width": "fill_container", "layout": "vertical", "gap": 8, "children": [ { "type": "frame", "id": "fLjAV", "name": "budget4Header", "width": "fill_container", "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "text", "id": "aV4TW", "name": "budget4Name", "fill": "#1A1A1A", "content": "月度总预算", "fontFamily": "Newsreader", "fontSize": 16, "fontWeight": "500" }, { "type": "frame", "id": "HU972", "name": "budget4Stats", "gap": 8, "alignItems": "center", "children": [ { "type": "text", "id": "MVaQV", "name": "budget4Current", "fill": "#E07B54", "content": "¥1,248.50", "fontFamily": "JetBrains Mono", "fontSize": 14, "fontWeight": "600" }, { "type": "text", "id": "QBuB5", "name": "budget4Separator", "fill": "#CCCCCC", "content": "/", "fontFamily": "JetBrains Mono", "fontSize": 14, "fontWeight": "normal" }, { "type": "text", "id": "KF5Xu", "name": "budget4Limit", "fill": "#888888", "content": "¥2,500", "fontFamily": "JetBrains Mono", "fontSize": 14, "fontWeight": "normal" } ] } ] }, { "type": "frame", "id": "ZCnLU", "name": "budget4Progress", "width": "fill_container", "height": 8, "fill": "#F0F0F0", "cornerRadius": 4, "children": [ { "type": "rectangle", "cornerRadius": 4, "id": "8bKDB", "name": "budget4Fill", "fill": "#0D6E6E", "width": "fit_content(0)", "height": "fill_container" } ] } ] } ] } ] } ] } ] }, { "type": "frame", "id": "BCxxA", "x": -36, "y": 369, "name": "Budget Stats (Light)", "width": 402, "fill": "#FFFFFF", "layout": "vertical", "children": [ { "type": "frame", "id": "LXM6A", "name": "navbar", "width": "fill_container", "layout": "vertical", "children": [ { "type": "frame", "id": "4R8MH", "name": "navTop", "width": "fill_container", "padding": [ 12, 16 ], "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "frame", "id": "5kBJY", "name": "dateBtn", "fill": "#F5F5F5", "cornerRadius": 8, "gap": 4, "padding": [ 6, 12 ], "alignItems": "center", "children": [ { "type": "text", "id": "N6BSi", "name": "dateText", "fill": "#18181B", "content": "2026年1月", "fontFamily": "Inter", "fontSize": 16, "fontWeight": "500" }, { "type": "icon_font", "id": "wSRWZ", "name": "dateIcon", "width": 16, "height": 16, "iconFontName": "chevron-down", "iconFontFamily": "lucide", "fill": "#71717A" } ] } ] }, { "type": "frame", "id": "SRWHt", "name": "tabs", "width": "fill_container", "fill": "#F0F0F0", "cornerRadius": 8, "gap": 4, "padding": 4, "children": [ { "type": "frame", "id": "3NS3r", "name": "tab1", "width": "fill_container", "fill": "#FFFFFF", "cornerRadius": 6, "padding": [ 8, 16 ], "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "gTGQU", "name": "tab1Text", "fill": "#1A1A1A", "content": "支出", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "600" } ] }, { "type": "frame", "id": "0rM11", "name": "tab2", "width": "fill_container", "fill": "transparent", "padding": [ 8, 16 ], "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "WXb0h", "name": "tab2Text", "fill": "#888888", "content": "收入", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "500" } ] }, { "type": "frame", "id": "xHs0t", "name": "tab3", "width": "fill_container", "fill": "transparent", "padding": [ 8, 16 ], "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "Kjbjx", "name": "tab3Text", "fill": "#888888", "content": "计划", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "500" } ] } ] } ] }, { "type": "frame", "id": "ijHRX", "name": "content", "width": "fill_container", "layout": "vertical", "gap": 16, "padding": 16, "children": [ { "type": "frame", "id": "1KJTP", "name": "overallCard", "width": "fill_container", "fill": "#F6F7F8", "cornerRadius": 16, "layout": "vertical", "gap": 16, "padding": 20, "children": [ { "type": "text", "id": "vjNOX", "name": "overallTitle", "fill": "#71717A", "content": "本月预算", "fontFamily": "Inter", "fontSize": 14, "fontWeight": "normal" }, { "type": "frame", "id": "qxXwx", "name": "overallAmount", "width": "fill_container", "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "frame", "id": "hIESL", "name": "overallLeft", "layout": "vertical", "gap": 4, "children": [ { "type": "text", "id": "D5K0P", "name": "overallCurrent", "fill": "#18181B", "content": "¥8,523", "fontFamily": "Inter", "fontSize": 28, "fontWeight": "700" }, { "type": "text", "id": "0qnF1", "name": "overallLimit", "fill": "#71717A", "content": "/ ¥15,000", "fontFamily": "Inter", "fontSize": 16, "fontWeight": "normal" } ] }, { "type": "text", "id": "tGKF4", "name": "overallPercent", "fill": "#18181B", "content": "56.8%", "fontFamily": "Inter", "fontSize": 24, "fontWeight": "600" } ] }, { "type": "frame", "id": "EQZGM", "name": "progressBar", "width": "fill_container", "height": 8, "fill": "#E5E7EB", "cornerRadius": 4, "children": [ { "type": "rectangle", "cornerRadius": 4, "id": "7tGdo", "name": "progressFill", "fill": "#3B82F6", "width": 213, "height": 8 } ] } ] }, { "type": "frame", "id": "9jYaf", "name": "budgetList", "width": "fill_container", "layout": "vertical", "gap": 12, "children": [ { "type": "frame", "id": "Kxe0g", "name": "card1", "width": "fill_container", "fill": "#F6F7F8", "cornerRadius": 16, "layout": "vertical", "gap": 12, "padding": 16, "children": [ { "type": "frame", "id": "7yVaP", "name": "cardHeader1", "width": "fill_container", "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "text", "id": "FgKnu", "name": "cardTitle1", "fill": "#18181B", "content": "餐饮美食", "fontFamily": "Inter", "fontSize": 16, "fontWeight": "600" }, { "type": "frame", "id": "bGgcT", "name": "cardBadge1", "fill": "#DBEAFE", "cornerRadius": 12, "padding": [ 4, 12 ], "children": [ { "type": "text", "id": "xnmMK", "name": "cardBadgeText1", "fill": "#3B82F6", "content": "月度", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal" } ] } ] }, { "type": "frame", "id": "fDVpP", "name": "cardProgress1", "width": "fill_container", "height": 6, "fill": "#E5E7EB", "cornerRadius": 3, "children": [ { "type": "rectangle", "cornerRadius": 3, "id": "Vm6T4", "name": "cardProgressFill1", "fill": "#EF4444", "width": 243, "height": 6 } ] }, { "type": "frame", "id": "pGt5L", "name": "cardInfo1", "width": "fill_container", "justifyContent": "space_between", "children": [ { "type": "frame", "id": "hQrSj", "name": "cardLeft1", "layout": "vertical", "gap": 4, "children": [ { "type": "text", "id": "tOSb6", "name": "cardLabel1", "fill": "#71717A", "content": "已支出", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal" }, { "type": "text", "id": "IqTXx", "name": "cardAmount1", "fill": "#EF4444", "content": "¥2,456", "fontFamily": "Inter", "fontSize": 18, "fontWeight": "600" } ] }, { "type": "frame", "id": "vgDBH", "name": "cardRight1", "layout": "vertical", "gap": 4, "alignItems": "end", "children": [ { "type": "text", "id": "VDt6P", "name": "cardLabel2", "fill": "#71717A", "content": "余额", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal" }, { "type": "text", "id": "OkeZ1", "name": "cardAmount2", "fill": "#10B981", "content": "¥544", "fontFamily": "Inter", "fontSize": 18, "fontWeight": "600" } ] } ] } ] }, { "type": "frame", "id": "sMUQr", "name": "card2", "width": "fill_container", "fill": "#F6F7F8", "cornerRadius": 16, "layout": "vertical", "gap": 12, "padding": 16, "children": [ { "type": "frame", "id": "wLy7P", "name": "cardHeader2", "width": "fill_container", "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "text", "id": "vkYqi", "name": "cardTitle2", "fill": "#18181B", "content": "交通出行", "fontFamily": "Inter", "fontSize": 16, "fontWeight": "600" }, { "type": "frame", "id": "cPTG6", "name": "cardBadge2", "fill": "#FEF3C7", "cornerRadius": 12, "padding": [ 4, 12 ], "children": [ { "type": "text", "id": "ZuZPD", "name": "cardBadgeText2", "fill": "#F59E0B", "content": "年度", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal" } ] } ] }, { "type": "frame", "id": "X5vjX", "name": "cardProgress2", "width": "fill_container", "height": 6, "fill": "#E5E7EB", "cornerRadius": 3, "children": [ { "type": "rectangle", "cornerRadius": 3, "id": "h0qT6", "name": "cardProgressFill2", "fill": "#10B981", "width": 150, "height": 6 } ] }, { "type": "frame", "id": "UD9xG", "name": "cardInfo2", "width": "fill_container", "justifyContent": "space_between", "children": [ { "type": "frame", "id": "8iZa6", "name": "cardLeft2", "layout": "vertical", "gap": 4, "children": [ { "type": "text", "id": "vixYd", "name": "cardLabel3", "fill": "#71717A", "content": "已支出", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal" }, { "type": "text", "id": "0vzMF", "name": "cardAmount3", "fill": "#EF4444", "content": "¥1,280", "fontFamily": "Inter", "fontSize": 18, "fontWeight": "600" } ] }, { "type": "frame", "id": "V53Pn", "name": "cardRight2", "layout": "vertical", "gap": 4, "alignItems": "end", "children": [ { "type": "text", "id": "iIrVf", "name": "cardLabel4", "fill": "#71717A", "content": "余额", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal" }, { "type": "text", "id": "2sPht", "name": "cardAmount4", "fill": "#10B981", "content": "¥3,720", "fontFamily": "Inter", "fontSize": 18, "fontWeight": "600" } ] } ] } ] }, { "type": "frame", "id": "JXSeL", "name": "card3", "width": "fill_container", "fill": "#F6F7F8", "cornerRadius": 16, "layout": "vertical", "gap": 12, "padding": 16, "children": [ { "type": "frame", "id": "YpvwO", "name": "cardHeader3", "width": "fill_container", "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "text", "id": "2toIA", "name": "cardTitle3", "fill": "#18181B", "content": "购物消费", "fontFamily": "Inter", "fontSize": 16, "fontWeight": "600" }, { "type": "frame", "id": "BYZaj", "name": "cardBadge3", "fill": "#DBEAFE", "cornerRadius": 12, "padding": [ 4, 12 ], "children": [ { "type": "text", "id": "4cJ7S", "name": "cardBadgeText3", "fill": "#3B82F6", "content": "月度", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal" } ] } ] }, { "type": "frame", "id": "RCpe6", "name": "cardProgress3", "width": "fill_container", "height": 6, "fill": "#E5E7EB", "cornerRadius": 3, "children": [ { "type": "rectangle", "cornerRadius": 3, "id": "lWE88", "name": "cardProgressFill3", "fill": "#F59E0B", "width": 280, "height": 6 } ] }, { "type": "frame", "id": "rgPwW", "name": "cardInfo3", "width": "fill_container", "justifyContent": "space_between", "children": [ { "type": "frame", "id": "qPicR", "name": "cardLeft3", "layout": "vertical", "gap": 4, "children": [ { "type": "text", "id": "yLFQq", "name": "cardLabel5", "fill": "#71717A", "content": "已支出", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal" }, { "type": "text", "id": "833pE", "name": "cardAmount5", "fill": "#EF4444", "content": "¥1,850", "fontFamily": "Inter", "fontSize": 18, "fontWeight": "600" } ] }, { "type": "frame", "id": "c4S9v", "name": "cardRight3", "layout": "vertical", "gap": 4, "alignItems": "end", "children": [ { "type": "text", "id": "syI2C", "name": "cardLabel6", "fill": "#71717A", "content": "余额", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal" }, { "type": "text", "id": "AXTAE", "name": "cardAmount6", "fill": "#10B981", "content": "¥650", "fontFamily": "Inter", "fontSize": 18, "fontWeight": "600" } ] } ] } ] } ] } ] }, { "type": "frame", "id": "hzxw1", "name": "fab", "width": 56, "height": 56, "fill": "#3B82F6", "cornerRadius": 28, "stroke": { "align": "outside", "thickness": 4, "fill": "#FFFFFF" }, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "icon_font", "id": "VDoNM", "name": "fabIcon", "width": 24, "height": 24, "iconFontName": "pencil", "iconFontFamily": "lucide", "fill": "#FFFFFF" } ] } ] }, { "type": "frame", "id": "zYTEk", "x": 466, "y": 369, "name": "Budget Stats (Dark)", "width": 402, "fill": "#0F0F0F", "layout": "vertical", "children": [ { "type": "frame", "id": "UcVry", "name": "navbar", "width": "fill_container", "layout": "vertical", "children": [ { "type": "frame", "id": "yKDZC", "name": "navTop", "width": "fill_container", "padding": [ 12, 16 ], "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "frame", "id": "QTSlc", "name": "dateBtn", "fill": "#27272A", "cornerRadius": 8, "gap": 4, "padding": [ 6, 12 ], "alignItems": "center", "children": [ { "type": "text", "id": "hEsJE", "name": "dateText", "fill": "#FAFAFA", "content": "2026年1月", "fontFamily": "Inter", "fontSize": 16, "fontWeight": "500" }, { "type": "icon_font", "id": "SrQTT", "name": "dateIcon", "width": 16, "height": 16, "iconFontName": "chevron-down", "iconFontFamily": "lucide", "fill": "#A1A1AA" } ] } ] }, { "type": "frame", "id": "TmjqN", "name": "tabs", "width": "fill_container", "fill": "#1A1A1A", "cornerRadius": 8, "gap": 4, "padding": 4, "children": [ { "type": "frame", "id": "C7JdO", "name": "tab1", "width": "fill_container", "fill": "#2A2A2A", "cornerRadius": 6, "padding": [ 8, 16 ], "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "P0UrT", "name": "tab1Text", "fill": "#FFFFFF", "content": "支出", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "600" } ] }, { "type": "frame", "id": "JEEJO", "name": "tab2", "width": "fill_container", "fill": "transparent", "padding": [ 8, 16 ], "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "eXJme", "name": "tab2Text", "fill": "#888888", "content": "收入", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "500" } ] }, { "type": "frame", "id": "5IBt7", "name": "tab3", "width": "fill_container", "fill": "transparent", "padding": [ 8, 16 ], "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "OXd9d", "name": "tab3Text", "fill": "#888888", "content": "计划", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "500" } ] } ] } ] }, { "type": "frame", "id": "nSkwQ", "name": "content", "width": "fill_container", "layout": "vertical", "gap": 16, "padding": 16, "children": [ { "type": "frame", "id": "aGMhW", "name": "overallCard", "width": "fill_container", "fill": "#18181B", "cornerRadius": 16, "layout": "vertical", "gap": 16, "padding": 20, "children": [ { "type": "text", "id": "K5cvF", "name": "overallTitle", "fill": "#A1A1AA", "content": "本月预算", "fontFamily": "Inter", "fontSize": 14, "fontWeight": "normal" }, { "type": "frame", "id": "Jadr2", "name": "overallAmount", "width": "fill_container", "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "frame", "id": "a9J0e", "name": "overallLeft", "layout": "vertical", "gap": 4, "children": [ { "type": "text", "id": "4xkoW", "name": "overallCurrent", "fill": "#FAFAFA", "content": "¥8,523", "fontFamily": "Inter", "fontSize": 28, "fontWeight": "700" }, { "type": "text", "id": "4TscQ", "name": "overallLimit", "fill": "#A1A1AA", "content": "/ ¥15,000", "fontFamily": "Inter", "fontSize": 16, "fontWeight": "normal" } ] }, { "type": "text", "id": "9NVyM", "name": "overallPercent", "fill": "#FAFAFA", "content": "56.8%", "fontFamily": "Inter", "fontSize": 24, "fontWeight": "600" } ] }, { "type": "frame", "id": "cwd7i", "name": "progressBar", "width": "fill_container", "height": 8, "fill": "#27272A", "cornerRadius": 4, "children": [ { "type": "rectangle", "cornerRadius": 4, "id": "nsG9r", "name": "progressFill", "fill": "#3B82F6", "width": 213, "height": 8 } ] } ] }, { "type": "frame", "id": "gdyAB", "name": "budgetList", "width": "fill_container", "layout": "vertical", "gap": 12, "children": [ { "type": "frame", "id": "I6ghu", "name": "card1", "width": "fill_container", "fill": "#18181B", "cornerRadius": 16, "layout": "vertical", "gap": 12, "padding": 16, "children": [ { "type": "frame", "id": "a4Nmj", "name": "cardHeader1", "width": "fill_container", "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "text", "id": "bM4Ya", "name": "cardTitle1", "fill": "#FAFAFA", "content": "餐饮美食", "fontFamily": "Inter", "fontSize": 16, "fontWeight": "600" }, { "type": "frame", "id": "Yc78t", "name": "cardBadge1", "fill": "#1E3A8A", "cornerRadius": 12, "padding": [ 4, 12 ], "children": [ { "type": "text", "id": "u4nWW", "name": "cardBadgeText1", "fill": "#60A5FA", "content": "月度", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal" } ] } ] }, { "type": "frame", "id": "dZutK", "name": "cardProgress1", "width": "fill_container", "height": 6, "fill": "#27272A", "cornerRadius": 3, "children": [ { "type": "rectangle", "cornerRadius": 3, "id": "h9gGM", "name": "cardProgressFill1", "fill": "#EF4444", "width": 243, "height": 6 } ] }, { "type": "frame", "id": "8QFZK", "name": "cardInfo1", "width": "fill_container", "justifyContent": "space_between", "children": [ { "type": "frame", "id": "oq7HH", "name": "cardLeft1", "layout": "vertical", "gap": 4, "children": [ { "type": "text", "id": "q7ncv", "name": "cardLabel1", "fill": "#A1A1AA", "content": "已支出", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal" }, { "type": "text", "id": "OnWIK", "name": "cardAmount1", "fill": "#EF4444", "content": "¥2,456", "fontFamily": "Inter", "fontSize": 18, "fontWeight": "600" } ] }, { "type": "frame", "id": "v6EKH", "name": "cardRight1", "layout": "vertical", "gap": 4, "alignItems": "end", "children": [ { "type": "text", "id": "zUjxT", "name": "cardLabel2", "fill": "#A1A1AA", "content": "余额", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal" }, { "type": "text", "id": "txCP6", "name": "cardAmount2", "fill": "#10B981", "content": "¥544", "fontFamily": "Inter", "fontSize": 18, "fontWeight": "600" } ] } ] } ] }, { "type": "frame", "id": "DXlJt", "name": "card2", "width": "fill_container", "fill": "#18181B", "cornerRadius": 16, "layout": "vertical", "gap": 12, "padding": 16, "children": [ { "type": "frame", "id": "T7ozA", "name": "cardHeader2", "width": "fill_container", "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "text", "id": "F5AoP", "name": "cardTitle2", "fill": "#FAFAFA", "content": "交通出行", "fontFamily": "Inter", "fontSize": 16, "fontWeight": "600" }, { "type": "frame", "id": "MbkXg", "name": "cardBadge2", "fill": "#78350F", "cornerRadius": 12, "padding": [ 4, 12 ], "children": [ { "type": "text", "id": "AZvQ9", "name": "cardBadgeText2", "fill": "#FCD34D", "content": "年度", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal" } ] } ] }, { "type": "frame", "id": "C4B6A", "name": "cardProgress2", "width": "fill_container", "height": 6, "fill": "#27272A", "cornerRadius": 3, "children": [ { "type": "rectangle", "cornerRadius": 3, "id": "5velO", "name": "cardProgressFill2", "fill": "#10B981", "width": 150, "height": 6 } ] }, { "type": "frame", "id": "OJuXL", "name": "cardInfo2", "width": "fill_container", "justifyContent": "space_between", "children": [ { "type": "frame", "id": "aS0rL", "name": "cardLeft2", "layout": "vertical", "gap": 4, "children": [ { "type": "text", "id": "7hZe7", "name": "cardLabel3", "fill": "#A1A1AA", "content": "已支出", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal" }, { "type": "text", "id": "aNOYV", "name": "cardAmount3", "fill": "#EF4444", "content": "¥1,280", "fontFamily": "Inter", "fontSize": 18, "fontWeight": "600" } ] }, { "type": "frame", "id": "qqfZK", "name": "cardRight2", "layout": "vertical", "gap": 4, "alignItems": "end", "children": [ { "type": "text", "id": "WmkCh", "name": "cardLabel4", "fill": "#A1A1AA", "content": "余额", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal" }, { "type": "text", "id": "yzLpr", "name": "cardAmount4", "fill": "#10B981", "content": "¥3,720", "fontFamily": "Inter", "fontSize": 18, "fontWeight": "600" } ] } ] } ] }, { "type": "frame", "id": "Hq7B3", "name": "card3", "width": "fill_container", "fill": "#18181B", "cornerRadius": 16, "layout": "vertical", "gap": 12, "padding": 16, "children": [ { "type": "frame", "id": "HVGmg", "name": "cardHeader3", "width": "fill_container", "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "text", "id": "6ssRH", "name": "cardTitle3", "fill": "#FAFAFA", "content": "购物消费", "fontFamily": "Inter", "fontSize": 16, "fontWeight": "600" }, { "type": "frame", "id": "sujfh", "name": "cardBadge3", "fill": "#1E3A8A", "cornerRadius": 12, "padding": [ 4, 12 ], "children": [ { "type": "text", "id": "wRv58", "name": "cardBadgeText3", "fill": "#60A5FA", "content": "月度", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal" } ] } ] }, { "type": "frame", "id": "OnHhB", "name": "cardProgress3", "width": "fill_container", "height": 6, "fill": "#27272A", "cornerRadius": 3, "children": [ { "type": "rectangle", "cornerRadius": 3, "id": "bd4VL", "name": "cardProgressFill3", "fill": "#F59E0B", "width": 280, "height": 6 } ] }, { "type": "frame", "id": "Sd4ny", "name": "cardInfo3", "width": "fill_container", "justifyContent": "space_between", "children": [ { "type": "frame", "id": "bkP14", "name": "cardLeft3", "layout": "vertical", "gap": 4, "children": [ { "type": "text", "id": "crUvx", "name": "cardLabel5", "fill": "#A1A1AA", "content": "已支出", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal" }, { "type": "text", "id": "RxoOl", "name": "cardAmount5", "fill": "#EF4444", "content": "¥1,850", "fontFamily": "Inter", "fontSize": 18, "fontWeight": "600" } ] }, { "type": "frame", "id": "UPf5R", "name": "cardRight3", "layout": "vertical", "gap": 4, "alignItems": "end", "children": [ { "type": "text", "id": "h51tP", "name": "cardLabel6", "fill": "#A1A1AA", "content": "余额", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal" }, { "type": "text", "id": "04f8k", "name": "cardAmount6", "fill": "#10B981", "content": "¥650", "fontFamily": "Inter", "fontSize": 18, "fontWeight": "600" } ] } ] } ] } ] } ] }, { "type": "frame", "id": "Euc04", "name": "fab", "width": 56, "height": 56, "fill": "#3B82F6", "cornerRadius": 28, "stroke": { "align": "outside", "thickness": 4, "fill": "#FFFFFF" }, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "icon_font", "id": "zKjKJ", "name": "fabIcon", "width": 24, "height": 24, "iconFontName": "pencil", "iconFontFamily": "lucide", "fill": "#FFFFFF" } ] } ] }, { "type": "frame", "id": "Rg59j", "x": 900, "y": 369, "name": "Budget Analytics", "width": 402, "fill": "#F5F7FA", "layout": "vertical", "gap": 16, "padding": 20, "children": [ { "type": "frame", "id": "Nq8k9", "name": "header", "width": "fill_container", "layout": "vertical", "gap": 8, "children": [ { "type": "text", "id": "j7M8v", "name": "titleText", "fill": "#1A1A1A", "content": "预算分析", "fontFamily": "Inter", "fontSize": 24, "fontWeight": "700" }, { "type": "text", "id": "Dj7FE", "name": "dateText", "fill": "#6B7280", "content": "2026年1月", "fontFamily": "Inter", "fontSize": 14, "fontWeight": "normal" } ] }, { "type": "frame", "id": "rUUNa", "name": "remainCard", "width": "fill_container", "fill": "#FFFFFF", "cornerRadius": 12, "layout": "vertical", "gap": 12, "padding": 16, "children": [ { "type": "text", "id": "Lsb2n", "name": "remainTitle", "fill": "#6B7280", "content": "预算剩余", "fontFamily": "Inter", "fontSize": 14, "fontWeight": "500" }, { "type": "text", "id": "FPMMo", "name": "remainAmount", "fill": "#10B981", "content": "¥3,250", "fontFamily": "Inter", "fontSize": 32, "fontWeight": "700" }, { "type": "text", "id": "lMDn7", "name": "remainDesc", "fill": "#9CA3AF", "content": "总预算 ¥10,000 | 已使用 68%", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal" } ] }, { "type": "frame", "id": "12oX3", "name": "burndownCard", "width": "fill_container", "fill": "#FFFFFF", "cornerRadius": 12, "layout": "vertical", "gap": 12, "padding": 16, "children": [ { "type": "text", "id": "XIsI0", "name": "burnTitle", "fill": "#1A1A1A", "content": "预算燃尽图", "fontFamily": "Inter", "fontSize": 16, "fontWeight": "600" }, { "type": "frame", "id": "ryx65", "name": "chartArea1", "width": "fill_container", "height": 200, "fill": "#F9FAFB", "cornerRadius": 8, "layout": "none", "children": [ { "type": "line", "id": "h85XX", "x": 20, "y": 20, "name": "idealLine", "width": 310, "height": 160, "stroke": { "thickness": 2, "fill": "#D1D5DB" } }, { "type": "path", "id": "c6Bys", "x": 20, "y": 20, "name": "actualLine", "geometry": "M0 0l100 40 100 60 110 40", "width": 310, "height": 160, "stroke": { "thickness": 3, "fill": "#3B82F6" } }, { "type": "ellipse", "id": "RQY2V", "x": 15, "y": 15, "name": "point1", "fill": "#3B82F6", "width": 10, "height": 10 }, { "type": "ellipse", "id": "SE4dr", "x": 115, "y": 55, "name": "point2", "fill": "#3B82F6", "width": 10, "height": 10 }, { "type": "ellipse", "id": "9fGPC", "x": 215, "y": 115, "name": "point3", "fill": "#3B82F6", "width": 10, "height": 10 }, { "type": "ellipse", "id": "7HZDX", "x": 315, "y": 155, "name": "point4", "fill": "#3B82F6", "width": 10, "height": 10 } ] }, { "type": "frame", "id": "maILp", "name": "legend1", "width": "fill_container", "gap": 16, "justifyContent": "center", "children": [ { "type": "frame", "id": "VyDB0", "name": "ideal", "gap": 6, "alignItems": "center", "children": [ { "type": "rectangle", "id": "RkZ6D", "name": "idealDot", "fill": "#D1D5DB", "width": 12, "height": 2 }, { "type": "text", "id": "tpHGY", "name": "idealLabel", "fill": "#6B7280", "content": "理想消耗", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal" } ] }, { "type": "frame", "id": "7yVCB", "name": "actual", "gap": 6, "alignItems": "center", "children": [ { "type": "rectangle", "id": "sBgPG", "name": "actualDot", "fill": "#3B82F6", "width": 12, "height": 2 }, { "type": "text", "id": "XkLVA", "name": "actualLabel", "fill": "#6B7280", "content": "实际消耗", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal" } ] } ] } ] }, { "type": "frame", "id": "GiIWx", "name": "varianceCard", "width": "fill_container", "fill": "#FFFFFF", "cornerRadius": 12, "layout": "vertical", "gap": 12, "padding": 16, "children": [ { "type": "text", "id": "6Kket", "name": "varTitle", "fill": "#1A1A1A", "content": "预算偏差分析", "fontFamily": "Inter", "fontSize": 16, "fontWeight": "600" }, { "type": "frame", "id": "i5z6p", "name": "chartArea2", "width": "fill_container", "height": 240, "fill": "#F9FAFB", "cornerRadius": 8, "layout": "none", "children": [ { "type": "frame", "id": "TFE88", "x": 30, "y": 180, "name": "bar1Frame", "width": 50, "height": 80, "layout": "vertical", "gap": 4, "alignItems": "center", "children": [ { "type": "rectangle", "cornerRadius": 4, "id": "uWXEp", "name": "bar1", "fill": "#EF4444", "width": 40, "height": 60 }, { "type": "text", "id": "b1CKO", "name": "label1", "fill": "#6B7280", "content": "餐饮", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "normal" } ] }, { "type": "frame", "id": "lHkYX", "x": 100, "y": 140, "name": "bar2Frame", "width": 50, "height": 120, "layout": "vertical", "gap": 4, "alignItems": "center", "children": [ { "type": "rectangle", "cornerRadius": 4, "id": "UCaPk", "name": "bar2", "fill": "#F59E0B", "width": 40, "height": 100 }, { "type": "text", "id": "qpX6L", "name": "label2", "fill": "#6B7280", "content": "交通", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "normal" } ] }, { "type": "frame", "id": "XzvK2", "x": 170, "y": 160, "name": "bar3Frame", "width": 50, "height": 100, "layout": "vertical", "gap": 4, "alignItems": "center", "children": [ { "type": "rectangle", "cornerRadius": 4, "id": "IJypN", "name": "bar3", "fill": "#10B981", "width": 40, "height": 80 }, { "type": "text", "id": "inAFN", "name": "label3", "fill": "#6B7280", "content": "购物", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "normal" } ] }, { "type": "frame", "id": "mwQeE", "x": 240, "y": 150, "name": "bar4Frame", "width": 50, "height": 110, "layout": "vertical", "gap": 4, "alignItems": "center", "children": [ { "type": "rectangle", "cornerRadius": 4, "id": "jgJBQ", "name": "bar4", "fill": "#3B82F6", "width": 40, "height": 90 }, { "type": "text", "id": "hweUc", "name": "label4", "fill": "#6B7280", "content": "娱乐", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "normal" } ] }, { "type": "frame", "id": "o1uNO", "x": 310, "y": 190, "name": "bar5Frame", "width": 50, "height": 70, "layout": "vertical", "gap": 4, "alignItems": "center", "children": [ { "type": "rectangle", "cornerRadius": 4, "id": "0MwYg", "name": "bar5", "fill": "#8B5CF6", "width": 40, "height": 50 }, { "type": "text", "id": "9iXy6", "name": "label5", "fill": "#6B7280", "content": "其他", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "normal" } ] }, { "type": "line", "id": "98osi", "x": 20, "y": 200, "name": "axisLine", "width": 350, "height": 0, "stroke": { "thickness": 1, "fill": "#E5E7EB" } } ] }, { "type": "frame", "id": "aOAnk", "name": "legend2", "width": "fill_container", "gap": 12, "justifyContent": "center", "children": [ { "type": "frame", "id": "yKfLI", "name": "over", "gap": 6, "alignItems": "center", "children": [ { "type": "rectangle", "cornerRadius": 2, "id": "tsGkr", "name": "overDot", "fill": "#EF4444", "width": 8, "height": 8 }, { "type": "text", "id": "cMKm7", "name": "overLabel", "fill": "#6B7280", "content": "超支", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal" } ] }, { "type": "frame", "id": "BL57C", "name": "normal", "gap": 6, "alignItems": "center", "children": [ { "type": "rectangle", "cornerRadius": 2, "id": "1Vkqa", "name": "normalDot", "fill": "#10B981", "width": 8, "height": 8 }, { "type": "text", "id": "MSLKe", "name": "normalLabel", "fill": "#6B7280", "content": "正常", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal" } ] } ] } ] } ] } ] }