suncheng/EmailBill
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
952c75bf084ca94da2907eed35dd625b901208a4
EmailBill/.pans/v2.pen
SunCheng 952c75bf08
All checks were successful
Docker Build & Deploy / Build Docker Image (push) Successful in 54s
Details
Docker Build & Deploy / Deploy to Production (push) Successful in 9s
Details
Docker Build & Deploy / Cleanup Dangling Images (push) Successful in 1s
Details
Docker Build & Deploy / WeChat Notification (push) Successful in 2s
Details
1
2026-02-03 17:56:32 +08:00

8598 lines
326 KiB
Plaintext
Raw Blame History

{
"version": "2.6",
"children": [
{
"type": "frame",
"id": "jF3SD",
"x": -983,
"y": 369,
"name": "Statistics - Overview - Light",
"clip": true,
"width": 375,
"fill": "#FFFFFF",
"layout": "vertical",
"children": [
{
"type": "frame",
"id": "HdrL1",
"name": "header",
"width": "fill_container",
"gap": 4,
"padding": [
8,
24
],
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "HdrC1",
"name": "headerContent",
"width": 142,
"height": 39,
"layout": "vertical",
"gap": 4,
"children": [
{
"type": "text",
"id": "TxtL1",
"name": "subtitle",
"fill": "#1a1a1a",
"content": "2026年",
"fontFamily": "DM Sans",
"fontSize": 24,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "BtnL1",
"name": "notifBtn",
"width": 44,
"height": 44,
"fill": "#F5F5F5",
"cornerRadius": 22,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "IcnL1",
"name": "icon",
"width": 20,
"height": 20,
"iconFontName": "bell",
"iconFontFamily": "lucide",
"fill": "#1A1A1A"
}
]
}
]
},
{
"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": "DM Sans",
"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": "DM Sans",
"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": "DM Sans",
"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": 24,
"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": "DM Sans",
"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": 24,
"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": "DM Sans",
"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": 4,
"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": 24,
"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": "DM Sans",
"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": 24,
"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": "DM Sans",
"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": "DM Sans",
"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": 24,
"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": 24,
"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": "DM Sans",
"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": 24,
"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 - 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": "每日统计",
"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": 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": "SNGbj",
"x": -538,
"y": 369,
"name": "Statistics - Overview - Dark",
"clip": true,
"width": 375,
"fill": "#09090B",
"layout": "vertical",
"children": [
{
"type": "frame",
"id": "HdrD1",
"name": "header",
"width": "fill_container",
"gap": 4,
"padding": [
8,
24
],
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "HdrCD1",
"name": "headerContent",
"width": 142,
"height": 39,
"layout": "vertical",
"gap": 4,
"children": [
{
"type": "text",
"id": "TxtD1",
"name": "subtitle",
"fill": "#a1a1aa",
"content": "2026年",
"fontFamily": "DM Sans",
"fontSize": 24,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "BtnD1",
"name": "notifBtn",
"width": 44,
"height": 44,
"fill": "#27272a",
"cornerRadius": 22,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "IcnD1",
"name": "icon",
"width": 20,
"height": 20,
"iconFontName": "bell",
"iconFontFamily": "lucide",
"fill": "#f4f4f5"
}
]
}
]
},
{
"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": "DM Sans",
"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": "DM Sans",
"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": "DM Sans",
"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": 24,
"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": "DM Sans",
"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": 24,
"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": "DM Sans",
"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": 4,
"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": 24,
"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": "DM Sans",
"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": 24,
"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": "DM Sans",
"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": "DM Sans",
"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": 24,
"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": 24,
"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": "DM Sans",
"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": 24,
"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": -100,
"y": 369,
"name": "Budget - Statistics - Light",
"width": 375,
"fill": "#FFFFFF",
"layout": "vertical",
"children": [
{
"type": "frame",
"id": "HdrL2",
"name": "header",
"width": "fill_container",
"gap": 4,
"padding": [
8,
24
],
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "HdrCL2",
"name": "headerContent",
"width": 142,
"height": 39,
"layout": "vertical",
"gap": 4,
"children": [
{
"type": "text",
"id": "TxtL2",
"name": "subtitle",
"fill": "#1a1a1a",
"content": "2026年1月",
"fontFamily": "DM Sans",
"fontSize": 24,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "BtnL2",
"name": "notifBtn",
"width": 44,
"height": 44,
"fill": "#F5F5F5",
"cornerRadius": 22,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "IcnL2",
"name": "icon",
"width": 20,
"height": 20,
"iconFontName": "bell",
"iconFontFamily": "lucide",
"fill": "#1A1A1A"
}
]
}
]
},
{
"type": "frame",
"id": "LXM6A",
"name": "navbar",
"width": "fill_container",
"layout": "vertical",
"children": [
{
"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": "DM Sans",
"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": "DM Sans",
"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": "DM Sans",
"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": 24,
"children": [
{
"type": "text",
"id": "vjNOX",
"name": "overallTitle",
"fill": "#71717A",
"content": "本月预算",
"fontFamily": "DM Sans",
"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": "Bricolage Grotesque",
"fontSize": 28,
"fontWeight": "700"
},
{
"type": "text",
"id": "0qnF1",
"name": "overallLimit",
"fill": "#71717A",
"content": "/ ¥15,000",
"fontFamily": "DM Sans",
"fontSize": 16,
"fontWeight": "normal"
}
]
},
{
"type": "text",
"id": "tGKF4",
"name": "overallPercent",
"fill": "#18181B",
"content": "56.8%",
"fontFamily": "Bricolage Grotesque",
"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": "DM Sans",
"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": "DM Sans",
"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": "DM Sans",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "text",
"id": "IqTXx",
"name": "cardAmount1",
"fill": "#EF4444",
"content": "¥2,456",
"fontFamily": "DM Sans",
"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": "DM Sans",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "text",
"id": "OkeZ1",
"name": "cardAmount2",
"fill": "#10B981",
"content": "¥544",
"fontFamily": "DM Sans",
"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": "DM Sans",
"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": "DM Sans",
"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": "DM Sans",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "text",
"id": "0vzMF",
"name": "cardAmount3",
"fill": "#EF4444",
"content": "¥1,280",
"fontFamily": "DM Sans",
"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": "DM Sans",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "text",
"id": "2sPht",
"name": "cardAmount4",
"fill": "#10B981",
"content": "¥3,720",
"fontFamily": "DM Sans",
"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": "DM Sans",
"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": "DM Sans",
"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": "DM Sans",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "text",
"id": "833pE",
"name": "cardAmount5",
"fill": "#EF4444",
"content": "¥1,850",
"fontFamily": "DM Sans",
"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": "DM Sans",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "text",
"id": "AXTAE",
"name": "cardAmount6",
"fill": "#10B981",
"content": "¥650",
"fontFamily": "DM Sans",
"fontSize": 18,
"fontWeight": "600"
}
]
}
]
}
]
}
]
}
]
}
]
},
{
"type": "frame",
"id": "zYTEk",
"x": 402,
"y": 369,
"name": "Budget - Statistics - Dark",
"width": 375,
"fill": "#09090B",
"layout": "vertical",
"children": [
{
"type": "frame",
"id": "HdrD2",
"name": "header",
"width": "fill_container",
"gap": 4,
"padding": [
8,
24
],
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "HdrCD2",
"name": "headerContent",
"width": 142,
"height": 39,
"layout": "vertical",
"gap": 4,
"children": [
{
"type": "text",
"id": "TxtD2",
"name": "subtitle",
"fill": "#a1a1aa",
"content": "2026年1月",
"fontFamily": "DM Sans",
"fontSize": 24,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "BtnD2",
"name": "notifBtn",
"width": 44,
"height": 44,
"fill": "#27272a",
"cornerRadius": 22,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "IcnD2",
"name": "icon",
"width": 20,
"height": 20,
"iconFontName": "bell",
"iconFontFamily": "lucide",
"fill": "#f4f4f5"
}
]
}
]
},
{
"type": "frame",
"id": "UcVry",
"name": "navbar",
"width": "fill_container",
"layout": "vertical",
"children": [
{
"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": "DM Sans",
"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": "DM Sans",
"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": "DM Sans",
"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": 24,
"children": [
{
"type": "text",
"id": "K5cvF",
"name": "overallTitle",
"fill": "#A1A1AA",
"content": "本月预算",
"fontFamily": "DM Sans",
"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": "Bricolage Grotesque",
"fontSize": 28,
"fontWeight": "700"
},
{
"type": "text",
"id": "4TscQ",
"name": "overallLimit",
"fill": "#A1A1AA",
"content": "/ ¥15,000",
"fontFamily": "DM Sans",
"fontSize": 16,
"fontWeight": "normal"
}
]
},
{
"type": "text",
"id": "9NVyM",
"name": "overallPercent",
"fill": "#FAFAFA",
"content": "56.8%",
"fontFamily": "Bricolage Grotesque",
"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": "DM Sans",
"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": "DM Sans",
"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": "DM Sans",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "text",
"id": "OnWIK",
"name": "cardAmount1",
"fill": "#EF4444",
"content": "¥2,456",
"fontFamily": "DM Sans",
"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": "DM Sans",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "text",
"id": "txCP6",
"name": "cardAmount2",
"fill": "#10B981",
"content": "¥544",
"fontFamily": "DM Sans",
"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": "DM Sans",
"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": "DM Sans",
"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": "DM Sans",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "text",
"id": "aNOYV",
"name": "cardAmount3",
"fill": "#EF4444",
"content": "¥1,280",
"fontFamily": "DM Sans",
"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": "DM Sans",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "text",
"id": "yzLpr",
"name": "cardAmount4",
"fill": "#10B981",
"content": "¥3,720",
"fontFamily": "DM Sans",
"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": "DM Sans",
"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": "DM Sans",
"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": "DM Sans",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "text",
"id": "RxoOl",
"name": "cardAmount5",
"fill": "#EF4444",
"content": "¥1,850",
"fontFamily": "DM Sans",
"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": "DM Sans",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "text",
"id": "04f8k",
"name": "cardAmount6",
"fill": "#10B981",
"content": "¥650",
"fontFamily": "DM Sans",
"fontSize": 18,
"fontWeight": "600"
}
]
}
]
}
]
}
]
}
]
}
]
}
]
}
Reference in New Issue View Git Blame Copy Permalink