{ "version": "2.7", "children": [ { "type": "frame", "id": "PlVHb", "x": -1413, "y": 369, "name": "Calendar - Main View - Dark", "width": 375, "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": "2026年1月12日", "fontFamily": "Bricolage Grotesque", "fontSize": 18, "fontWeight": "700" } ] }, { "type": "frame", "id": "UeZs3", "name": "statsCard", "width": "fill_container", "fill": "#18181b", "cornerRadius": 20, "layout": "vertical", "gap": 12, "padding": 24, "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": [ 8, 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": [ 8, 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": 8, "padding": [ 8, 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": 16, "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": 16, "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 - Main View - Light", "width": 375, "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": "2026年1月12日", "fontFamily": "Bricolage Grotesque", "fontSize": 18, "fontWeight": "700" } ] }, { "type": "frame", "id": "JY4Fd", "name": "statsCard", "width": "fill_container", "fill": "#F6F7F8", "cornerRadius": 20, "layout": "vertical", "gap": 12, "padding": 24, "children": [ { "type": "frame", "id": "UiJYD", "name": "statsRow", "width": 91, "height": 17, "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "text", "id": "QBHWG", "name": "statsLabel", "fill": "#6B7280", "content": "支出", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "500" } ] }, { "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": [ 8, 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": 8, "padding": [ 8, 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": 16, "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": 16, "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": "JJ9L0", "x": -1841, "y": 1250, "name": "Sheet Container - Light", "width": 375, "height": 533, "fill": "transparent", "layout": "vertical", "justifyContent": "end", "children": [ { "type": "frame", "id": "KZKtq", "name": "sheetL", "width": "fill_container", "fill": "#FFFFFF", "layout": "vertical", "gap": 24, "padding": 24, "children": [ { "type": "frame", "id": "gtdkO", "name": "headerL", "width": "fill_container", "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "text", "id": "PKef2", "name": "titleL", "fill": "#09090B", "content": "交易详情", "fontFamily": "Inter", "fontSize": 18, "fontWeight": "600" }, { "type": "icon_font", "id": "0q9sK", "name": "closeL", "width": 24, "height": 24, "iconFontName": "close", "iconFontFamily": "Material Symbols Rounded", "fill": "#71717A" } ] }, { "type": "frame", "id": "29S5W", "name": "amountSecL", "width": "fill_container", "layout": "vertical", "gap": 8, "padding": [ 16, 0 ], "alignItems": "center", "children": [ { "type": "text", "id": "ThW3y", "name": "amountLabelL", "fill": "#71717A", "content": "金额", "fontFamily": "Inter", "fontSize": 14, "fontWeight": "normal" }, { "type": "text", "id": "4YJNt", "name": "amountValL", "fill": "#09090B", "content": "¥ 128.00", "fontFamily": "Inter", "fontSize": 32, "fontWeight": "700" } ] }, { "type": "frame", "id": "5BFVE", "name": "form", "width": "fill_container", "layout": "vertical", "gap": 16, "children": [ { "type": "frame", "id": "zWW2D", "name": "row1", "width": "fill_container", "height": 48, "stroke": { "align": "inside", "thickness": { "bottom": 1 }, "fill": "#E4E4E7" }, "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "text", "id": "smF5M", "name": "label1", "fill": "#71717A", "content": "类型", "fontFamily": "Inter", "fontSize": 16, "fontWeight": "normal" }, { "type": "text", "id": "z5fFu", "name": "val1", "fill": "#09090B", "content": "支出", "fontFamily": "Inter", "fontSize": 16, "fontWeight": "normal" } ] }, { "type": "frame", "id": "XbgI8", "name": "row2", "width": "fill_container", "height": 48, "stroke": { "align": "inside", "thickness": { "bottom": 1 }, "fill": "#E4E4E7" }, "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "text", "id": "lkyfw", "name": "label2", "fill": "#71717A", "content": "分类", "fontFamily": "Inter", "fontSize": 16, "fontWeight": "normal" }, { "type": "text", "id": "nnnmb", "name": "val2", "fill": "#09090B", "content": "餐饮", "fontFamily": "Inter", "fontSize": 16, "fontWeight": "normal" } ] }, { "type": "frame", "id": "Z5R3M", "name": "row3", "width": "fill_container", "height": 48, "stroke": { "align": "inside", "thickness": { "bottom": 1 }, "fill": "#E4E4E7" }, "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "text", "id": "Crvgr", "name": "label3", "fill": "#71717A", "content": "时间", "fontFamily": "Inter", "fontSize": 16, "fontWeight": "normal" }, { "type": "text", "id": "RlXZg", "name": "val3", "fill": "#09090B", "content": "2023-10-27 12:30", "fontFamily": "Inter", "fontSize": 16, "fontWeight": "normal" } ] }, { "type": "frame", "id": "SwX0p", "name": "row4", "width": "fill_container", "height": 48, "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "text", "id": "baOuc", "name": "label4", "fill": "#71717A", "content": "备注", "fontFamily": "Inter", "fontSize": 16, "fontWeight": "normal" }, { "type": "text", "id": "RwRvy", "name": "val4", "fill": "#09090B", "content": "午餐", "fontFamily": "Inter", "fontSize": 16, "fontWeight": "normal" } ] } ] }, { "type": "frame", "id": "OKewD", "name": "actions", "width": "fill_container", "gap": 16, "children": [ { "type": "frame", "id": "zvkRM", "name": "delBtn", "width": "fill_container", "height": 48, "cornerRadius": 8, "stroke": { "align": "inside", "thickness": 1, "fill": "#EF4444" }, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "0yPCM", "name": "delText", "fill": "#EF4444", "content": "删除", "fontFamily": "Inter", "fontSize": 16, "fontWeight": "500" } ] }, { "type": "frame", "id": "xk312", "name": "saveBtn", "width": "fill_container", "height": 48, "fill": "#6366F1", "cornerRadius": 8, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "Yt6e8", "name": "saveText", "fill": "#FAFAFA", "content": "保存", "fontFamily": "Inter", "fontSize": 16, "fontWeight": "500" } ] } ] } ] } ] }, { "type": "frame", "id": "dqj3Y", "x": -1413, "y": 1250, "name": "Sheet Container - Dark", "width": 375, "height": 533, "fill": "transparent", "layout": "vertical", "justifyContent": "end", "children": [ { "type": "frame", "id": "faeHw", "name": "sheetD", "width": "fill_container", "fill": "#18181B", "layout": "vertical", "gap": 24, "padding": 24, "children": [ { "type": "frame", "id": "cOp6l", "name": "headerD", "width": "fill_container", "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "text", "id": "tu5EZ", "name": "titleD", "fill": "#FAFAFA", "content": "交易详情", "fontFamily": "Inter", "fontSize": 18, "fontWeight": "600" }, { "type": "icon_font", "id": "lcntx", "name": "closeD", "width": 24, "height": 24, "iconFontName": "close", "iconFontFamily": "Material Symbols Rounded", "fill": "#A1A1AA" } ] }, { "type": "frame", "id": "z4y07", "name": "amountSecD", "width": "fill_container", "layout": "vertical", "gap": 8, "padding": [ 16, 0 ], "alignItems": "center", "children": [ { "type": "text", "id": "aTq8s", "name": "amountLabelD", "fill": "#A1A1AA", "content": "金额", "fontFamily": "Inter", "fontSize": 14, "fontWeight": "normal" }, { "type": "text", "id": "E5Y8W", "name": "amountValD", "fill": "#FAFAFA", "content": "¥ 128.00", "fontFamily": "Inter", "fontSize": 32, "fontWeight": "700" } ] }, { "type": "frame", "id": "HFPFh", "name": "form", "width": "fill_container", "layout": "vertical", "gap": 16, "children": [ { "type": "frame", "id": "vu63U", "name": "row1", "width": "fill_container", "height": 48, "stroke": { "align": "inside", "thickness": { "bottom": 1 }, "fill": "#27272A" }, "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "text", "id": "JN8i6", "name": "label1", "fill": "#A1A1AA", "content": "类型", "fontFamily": "Inter", "fontSize": 16, "fontWeight": "normal" }, { "type": "text", "id": "Zoqza", "name": "val1", "fill": "#FAFAFA", "content": "支出", "fontFamily": "Inter", "fontSize": 16, "fontWeight": "normal" } ] }, { "type": "frame", "id": "LM6qW", "name": "row2", "width": "fill_container", "height": 48, "stroke": { "align": "inside", "thickness": { "bottom": 1 }, "fill": "#27272A" }, "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "text", "id": "f5o4a", "name": "label2", "fill": "#A1A1AA", "content": "分类", "fontFamily": "Inter", "fontSize": 16, "fontWeight": "normal" }, { "type": "text", "id": "w0wXq", "name": "val2", "fill": "#FAFAFA", "content": "餐饮", "fontFamily": "Inter", "fontSize": 16, "fontWeight": "normal" } ] }, { "type": "frame", "id": "sXXKZ", "name": "row3", "width": "fill_container", "height": 48, "stroke": { "align": "inside", "thickness": { "bottom": 1 }, "fill": "#27272A" }, "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "text", "id": "7Krx3", "name": "label3", "fill": "#A1A1AA", "content": "时间", "fontFamily": "Inter", "fontSize": 16, "fontWeight": "normal" }, { "type": "text", "id": "VMAas", "name": "val3", "fill": "#FAFAFA", "content": "2023-10-27 12:30", "fontFamily": "Inter", "fontSize": 16, "fontWeight": "normal" } ] }, { "type": "frame", "id": "gn9yU", "name": "row4", "width": "fill_container", "height": 48, "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "text", "id": "eE7u1", "name": "label4", "fill": "#A1A1AA", "content": "备注", "fontFamily": "Inter", "fontSize": 16, "fontWeight": "normal" }, { "type": "text", "id": "KKvHv", "name": "val4", "fill": "#FAFAFA", "content": "午餐", "fontFamily": "Inter", "fontSize": 16, "fontWeight": "normal" } ] } ] }, { "type": "frame", "id": "59EMZ", "name": "actions", "width": "fill_container", "gap": 16, "children": [ { "type": "frame", "id": "t9EGF", "name": "delBtn", "width": "fill_container", "height": 48, "cornerRadius": 8, "stroke": { "align": "inside", "thickness": 1, "fill": "#EF4444" }, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "CieS3", "name": "delText", "fill": "#EF4444", "content": "删除", "fontFamily": "Inter", "fontSize": 16, "fontWeight": "500" } ] }, { "type": "frame", "id": "HtYaG", "name": "saveBtn", "width": "fill_container", "height": 48, "fill": "#6366F1", "cornerRadius": 8, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "yxC6Y", "name": "saveText", "fill": "#FAFAFA", "content": "保存", "fontFamily": "Inter", "fontSize": 16, "fontWeight": "500" } ] } ] } ] } ] }, { "type": "frame", "id": "63qh8", "x": -938, "y": 369, "name": "Statistics - Main View - Light", "width": 375, "height": 921, "fill": "#FFFFFF", "layout": "vertical", "children": [ { "type": "frame", "id": "wKI4I", "name": "Header", "width": "fill_container", "height": 60, "padding": [ 8, 24 ], "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "frame", "id": "D6izC", "name": "lightLeft", "layout": "vertical", "gap": 4, "children": [ { "type": "text", "id": "wGmPj", "fill": "#1A1A1A", "content": "2026年1月", "fontFamily": "DM Sans", "fontSize": 24, "fontWeight": "500" } ] }, { "type": "frame", "id": "U3MqO", "name": "lightBtn", "width": 44, "height": 44, "fill": "#F5F5F5", "cornerRadius": 22, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "icon_font", "id": "yPEEN", "name": "icon", "rotation": 3.8825130388958945e-19, "width": 20, "height": 20, "iconFontName": "bell", "iconFontFamily": "lucide", "fill": "#1A1A1A" }, { "type": "icon_font", "id": "0vn19", "width": 0, "height": 0, "iconFontName": "sliders-horizontal", "iconFontFamily": "lucide", "fill": "#1A1A1A" } ] } ] }, { "type": "frame", "id": "NDWwE", "name": "TabsWrapper", "width": "fill_container", "layout": "vertical", "padding": [ 8, 24 ], "children": [ { "type": "frame", "id": "4iQfn", "name": "SegmentedControl", "width": "fill_container", "height": 40, "fill": "#F4F4F5", "cornerRadius": 8, "gap": 4, "padding": 4, "children": [ { "type": "frame", "id": "7LCL4", "name": "lTab1", "width": "fill_container", "height": "fill_container", "cornerRadius": 6, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "0rfwC", "fill": "#71717A", "content": "周", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "500" } ] }, { "type": "frame", "id": "LN1iU", "name": "lTab2", "width": "fill_container", "height": "fill_container", "fill": "#FFFFFF", "cornerRadius": 6, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "Ynuf1", "fill": "#1A1A1A", "content": "月", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "600" } ] }, { "type": "frame", "id": "7VSH1", "name": "lTab3", "width": "fill_container", "height": "fill_container", "cornerRadius": 6, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "3iRvD", "fill": "#71717A", "content": "年", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "500" } ] } ] } ] }, { "type": "frame", "id": "hSo7j", "name": "Content", "width": "fill_container", "layout": "vertical", "gap": 24, "padding": 24, "children": [ { "type": "frame", "id": "tSGZ8", "name": "SummaryCard", "width": "fill_container", "fill": "#F6F7F8", "cornerRadius": 20, "layout": "vertical", "gap": 16, "padding": 20, "children": [ { "type": "frame", "id": "C8hTu", "name": "sumHeader", "width": "fill_container", "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "text", "id": "AZiKe", "name": "sumTitle", "fill": "#71717A", "content": "本月支出", "fontFamily": "DM Sans", "fontSize": 14, "fontWeight": "600" } ] }, { "type": "text", "id": "yECWx", "name": "sumAmount", "fill": "#1A1A1A", "content": "¥ 4,285.00", "fontFamily": "Bricolage Grotesque", "fontSize": 32, "fontWeight": "800" }, { "type": "frame", "id": "4r51d", "name": "sumRow", "width": "fill_container", "gap": 24, "children": [ { "type": "frame", "id": "Upnea", "name": "incomeCol", "layout": "vertical", "gap": 4, "children": [ { "type": "text", "id": "Gcnc1", "name": "incomeLabel", "fill": "#71717A", "content": "本月收入", "fontFamily": "DM Sans", "fontSize": 12, "fontWeight": "500" }, { "type": "text", "id": "fXTBh", "name": "incomeVal", "fill": "#10B981", "content": "¥ 8,500.00", "fontFamily": "DM Sans", "fontSize": 15, "fontWeight": "600" } ] }, { "type": "frame", "id": "ehVZP", "name": "balanceCol", "layout": "vertical", "gap": 4, "children": [ { "type": "text", "id": "vI0VZ", "name": "balanceLabel", "fill": "#71717A", "content": "结余", "fontFamily": "DM Sans", "fontSize": 12, "fontWeight": "500" }, { "type": "text", "id": "qojoG", "name": "balanceVal", "fill": "#3B82F6", "content": "¥ 4,215.00", "fontFamily": "DM Sans", "fontSize": 15, "fontWeight": "600" } ] } ] } ] }, { "type": "frame", "id": "kFJym", "name": "lChartSec", "width": "fill_container", "layout": "vertical", "gap": 16, "children": [ { "type": "text", "id": "s7B2q", "fill": "#1A1A1A", "content": "每日趋势 (收支)", "fontFamily": "Bricolage Grotesque", "fontSize": 18, "fontWeight": "700" }, { "type": "frame", "id": "y4Bc5", "name": "lChartCard", "width": "fill_container", "height": 180, "fill": { "type": "image", "enabled": true, "url": "./images/generated-1770203108037.png", "mode": "fill" }, "cornerRadius": 20 } ] }, { "type": "frame", "id": "sOimP", "name": "lPieSec", "width": "fill_container", "layout": "vertical", "gap": 16, "children": [ { "type": "text", "id": "57rue", "fill": "#1A1A1A", "content": "支出排行榜", "fontFamily": "Bricolage Grotesque", "fontSize": 18, "fontWeight": "700" }, { "type": "frame", "id": "7yjkg", "name": "lPieCard", "width": "fill_container", "fill": "#F6F7F8", "cornerRadius": 20, "gap": 20, "padding": 20, "alignItems": "center", "children": [ { "type": "frame", "id": "H96si", "name": "lPieVisual", "width": 100, "height": 100, "fill": { "type": "image", "enabled": true, "url": "./images/generated-1770203115588.png", "mode": "fill" } }, { "type": "frame", "id": "TxKHf", "name": "lPieLegend", "width": "fill_container", "layout": "vertical", "gap": 8, "children": [ { "type": "text", "id": "hgh16", "fill": "#1A1A1A", "content": "1. 餐饮 - 40%", "fontFamily": "DM Sans", "fontSize": 14, "fontWeight": "normal" }, { "type": "text", "id": "oEYBs", "fill": "#1A1A1A", "content": "2. 购物 - 35%", "fontFamily": "DM Sans", "fontSize": 14, "fontWeight": "normal" }, { "type": "text", "id": "0mFr1", "fill": "#1A1A1A", "content": "3. 交通 - 25%", "fontFamily": "DM Sans", "fontSize": 14, "fontWeight": "normal" } ] } ] } ] }, { "type": "frame", "id": "bugNe", "name": "lBotRow", "width": "fill_container", "gap": 15, "children": [ { "type": "frame", "id": "xuQs9", "name": "lIncCard", "width": "fill_container", "height": 100, "fill": "#F0FDF4", "cornerRadius": 16, "layout": "vertical", "padding": 16, "justifyContent": "space_between", "children": [ { "type": "text", "id": "HAa4Z", "fill": "#15803d", "content": "收入", "fontFamily": "DM Sans", "fontSize": 14, "fontWeight": "600" }, { "type": "text", "id": "7mEL2", "fill": "#15803d", "content": "¥ 8,500", "fontFamily": "DIN Alternate", "fontSize": 20, "fontWeight": "700" } ] }, { "type": "frame", "id": "vODpx", "name": "lNonCard", "width": "fill_container", "height": 100, "fill": "#F4F4F5", "cornerRadius": 16, "layout": "vertical", "padding": 16, "justifyContent": "space_between", "children": [ { "type": "text", "id": "guryF", "fill": "#52525B", "content": "不记收支", "fontFamily": "DM Sans", "fontSize": 14, "fontWeight": "600" }, { "type": "text", "id": "FVMEg", "fill": "#52525B", "content": "¥ 1,200", "fontFamily": "DIN Alternate", "fontSize": 20, "fontWeight": "700" } ] } ] } ] } ] }, { "type": "frame", "id": "6w9CT", "x": -513, "y": 369, "name": "Statistics - Main View - Dark", "width": 375, "height": 921, "fill": "#09090B", "layout": "vertical", "children": [ { "type": "frame", "id": "wULJO", "name": "Header", "width": "fill_container", "height": 60, "padding": [ 8, 24 ], "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "frame", "id": "oRlK6", "name": "darkLeft", "layout": "vertical", "gap": 4, "children": [ { "type": "text", "id": "eCsfk", "fill": "#f4f4f5", "content": "2026年1月", "fontFamily": "DM Sans", "fontSize": 24, "fontWeight": "500" } ] }, { "type": "frame", "id": "fmOkM", "name": "darkBtn", "width": 44, "height": 44, "fill": "#27272a", "cornerRadius": 22, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "icon_font", "id": "frb7w", "name": "icon", "width": 20, "height": 20, "iconFontName": "bell", "iconFontFamily": "lucide", "fill": "#f4f4f5" }, { "type": "icon_font", "id": "d34II", "width": 0, "height": 0, "iconFontName": "sliders-horizontal", "iconFontFamily": "lucide", "fill": "#f4f4f5" } ] } ] }, { "type": "frame", "id": "1Q3hy", "name": "TabsWrapper", "width": "fill_container", "layout": "vertical", "padding": [ 8, 24 ], "children": [ { "type": "frame", "id": "lVBvN", "name": "SegmentedControl", "width": "fill_container", "height": 40, "fill": "#27272A", "cornerRadius": 8, "gap": 4, "padding": 4, "children": [ { "type": "frame", "id": "KJqGU", "name": "dTab1", "width": "fill_container", "height": "fill_container", "cornerRadius": 6, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "nDVPC", "fill": "#A1A1AA", "content": "周", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "500" } ] }, { "type": "frame", "id": "C3LZv", "name": "dTab2", "width": "fill_container", "height": "fill_container", "fill": "#3F3F46", "cornerRadius": 6, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "kNapi", "fill": "#FFFFFF", "content": "月", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "600" } ] }, { "type": "frame", "id": "Abefg", "name": "dTab3", "width": "fill_container", "height": "fill_container", "cornerRadius": 6, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "4EPZv", "fill": "#A1A1AA", "content": "年", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "500" } ] } ] } ] }, { "type": "frame", "id": "CuLCX", "name": "Content", "width": "fill_container", "layout": "vertical", "gap": 24, "padding": 24, "children": [ { "type": "frame", "id": "nYStq", "name": "SummaryCard", "width": "fill_container", "fill": "#18181b", "cornerRadius": 20, "layout": "vertical", "gap": 16, "padding": 20, "children": [ { "type": "frame", "id": "JpCZq", "name": "sumHeader", "width": "fill_container", "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "text", "id": "RkdY9", "name": "sumTitle", "fill": "#a1a1aa", "content": "本月支出", "fontFamily": "DM Sans", "fontSize": 14, "fontWeight": "600" } ] }, { "type": "text", "id": "hV5bm", "name": "sumAmount", "fill": "#f4f4f5", "content": "¥ 4,285.00", "fontFamily": "Bricolage Grotesque", "fontSize": 32, "fontWeight": "800" }, { "type": "frame", "id": "Uxj2N", "name": "sumRow", "width": "fill_container", "gap": 24, "children": [ { "type": "frame", "id": "03RzW", "name": "incomeCol", "layout": "vertical", "gap": 4, "children": [ { "type": "text", "id": "USmZ1", "name": "incomeLabel", "fill": "#a1a1aa", "content": "本月收入", "fontFamily": "DM Sans", "fontSize": 12, "fontWeight": "500" }, { "type": "text", "id": "2kxDk", "name": "incomeVal", "fill": "#10B981", "content": "¥ 8,500.00", "fontFamily": "DM Sans", "fontSize": 15, "fontWeight": "600" } ] }, { "type": "frame", "id": "RuePx", "name": "balanceCol", "layout": "vertical", "gap": 4, "children": [ { "type": "text", "id": "dEm2R", "name": "balanceLabel", "fill": "#a1a1aa", "content": "结余", "fontFamily": "DM Sans", "fontSize": 12, "fontWeight": "500" }, { "type": "text", "id": "mWW6i", "name": "balanceVal", "fill": "#3B82F6", "content": "¥ 4,215.00", "fontFamily": "DM Sans", "fontSize": 15, "fontWeight": "600" } ] } ] } ] }, { "type": "frame", "id": "x2BA0", "name": "dChartSec", "width": "fill_container", "layout": "vertical", "gap": 16, "children": [ { "type": "text", "id": "0tGZM", "fill": "#F4F4F5", "content": "每日趋势 (收支)", "fontFamily": "Bricolage Grotesque", "fontSize": 18, "fontWeight": "700" }, { "type": "frame", "id": "ybzdP", "name": "dChartCard", "width": "fill_container", "height": 180, "fill": { "type": "image", "enabled": true, "url": "./images/generated-1770203140554.png", "mode": "fill" }, "cornerRadius": 20 } ] }, { "type": "frame", "id": "p0aLn", "name": "dPieSec", "width": "fill_container", "layout": "vertical", "gap": 16, "children": [ { "type": "text", "id": "1OZeI", "fill": "#F4F4F5", "content": "支出排行榜", "fontFamily": "Bricolage Grotesque", "fontSize": 18, "fontWeight": "700" }, { "type": "frame", "id": "S0qgq", "name": "dPieCard", "width": "fill_container", "fill": "#18181b", "cornerRadius": 20, "gap": 20, "padding": 20, "alignItems": "center", "children": [ { "type": "frame", "id": "vMSEO", "name": "dPieVisual", "width": 100, "height": 100, "fill": { "type": "image", "enabled": true, "url": "./images/generated-1770203148526.png", "mode": "fill" } }, { "type": "frame", "id": "9KL7W", "name": "dPieLegend", "width": "fill_container", "layout": "vertical", "gap": 8, "children": [ { "type": "text", "id": "cqpeA", "fill": "#A1A1AA", "content": "1. 餐饮 - 40%", "fontFamily": "DM Sans", "fontSize": 14, "fontWeight": "normal" }, { "type": "text", "id": "5HB7G", "fill": "#A1A1AA", "content": "2. 购物 - 35%", "fontFamily": "DM Sans", "fontSize": 14, "fontWeight": "normal" }, { "type": "text", "id": "pykGL", "fill": "#A1A1AA", "content": "3. 交通 - 25%", "fontFamily": "DM Sans", "fontSize": 14, "fontWeight": "normal" } ] } ] } ] }, { "type": "frame", "id": "SViwD", "name": "dBotRow", "width": "fill_container", "gap": 15, "children": [ { "type": "frame", "id": "XCp9Y", "name": "dIncCard", "width": "fill_container", "height": 100, "fill": "#064E3B", "cornerRadius": 16, "layout": "vertical", "padding": 16, "justifyContent": "space_between", "children": [ { "type": "text", "id": "8dsEN", "fill": "#D1FAE5", "content": "收入", "fontFamily": "DM Sans", "fontSize": 14, "fontWeight": "600" }, { "type": "text", "id": "NbHIA", "fill": "#D1FAE5", "content": "¥ 8,500", "fontFamily": "DM Sans", "fontSize": 20, "fontWeight": "700" } ] }, { "type": "frame", "id": "vH6Cv", "name": "dNonCard", "width": "fill_container", "height": 100, "fill": "#27272A", "cornerRadius": 16, "layout": "vertical", "padding": 16, "justifyContent": "space_between", "children": [ { "type": "text", "id": "OHD8V", "fill": "#A1A1AA", "content": "不记收支", "fontFamily": "DM Sans", "fontSize": 14, "fontWeight": "600" }, { "type": "text", "id": "effcU", "fill": "#A1A1AA", "content": "¥ 1,200", "fontFamily": "DM Sans", "fontSize": 20, "fontWeight": "700" } ] } ] } ] } ] } ] }