{
"component": "StoreDashboardPage",
"type": "

{
"component": "StoreDashboardPage",
"type": "container",
"style": {
"backgroundColor": "#F8F8F8",
"display": "flex",
"flexDirection": "column",
"minHeight": "100vh"
},
"children": [
{
"component": "Header",
"type": "container",
"style": {
"display": "flex",
"alignItems": "center",
"padding": "16px",
"gap": "12px"
},
"children": [
{
"component": "StoreLogo",
"type": "Image",
"src": "store-logo-green-circle.svg",
"style": {
"width": "36px",
"height": "36px"
}
},
{
"component": "StoreName",
"type": "Text",
"content": "店家名称",
"style": {
"fontSize": "18px",
"fontWeight": "bold",
"color": "#1F2937"
}
}
]
},
{
"component": "DashboardContent",
"type": "container",
"style": {
"display": "flex",
"flexDirection": "column",
"gap": "16px",
"padding": "0 16px 16px 16px"
},
"children": [
{
"component": "EarningsCard",
"type": "container",
"style": {
"background": "linear-gradient(to bottom right, #34D399, #10B981)",
"borderRadius": "16px",
"padding": "20px",
"color": "#FFFFFF",
"position": "relative"
},
"children": [
{
"component": "WithdrawButton",
"type": "Button",
"content": "提现",
"style": {
"position": "absolute",
"top": "20px",
"right": "20px",
"backgroundColor": "rgba(255, 255, 255, 0.9)",
"color": "#374151",
"borderRadius": "9999px",
"padding": "6px 16px",
"fontSize": "14px",
"fontWeight": "500",
"boxShadow": "0 2px 4px rgba(0,0,0,0.1)"
}
},
{
"component": "TodayEarningsLabel",
"type": "Text",
"content": "今日收益 (元)",
"style": {
"fontSize": "14px",
"color": "rgba(255, 255, 255, 0.9)"
}
},
{
"component": "TodayEarningsValue",
"type": "Text",
"content": "3358.69",
"style": {
"fontSize": "40px",
"fontWeight": "bold",
"marginTop": "8px"
}
},
{
"component": "HistoricalStats",
"type": "container",
"style": {
"display": "flex",
"justifyContent": "space-between",
"marginTop": "24px"
},
"children": [
{
"component": "YesterdayEarnings",
"type": "container",
"style": {
"display": "flex",
"flexDirection": "column"
},
"children": [
{
"component": "Label",
"type": "Text",
"content": "昨日收益(元)",
"style": {
"fontSize": "14px",
"color": "rgba(255, 255, 255, 0.9)"
}
},
{
"component": "Value",
"type": "Text",
"content": "58963.25",
"style": {
"fontSize": "16px",
"fontWeight": "500",
"marginTop": "4px"
}
}
]
},
{
"component": "TotalEarnings",
"type": "container",
"style": {
"display": "flex",
"flexDirection": "column"
},
"children": [
{
"component": "Label",
"type": "Text",
"content": "累计收益(元)",
"style": {
"fontSize": "14px",
"color": "rgba(255, 255, 255, 0.9)"
}
},
{
"component": "Value",
"type": "Text",
"content": "58963.25",
"style": {
"fontSize": "16px",
"fontWeight": "500",
"marginTop": "4px"
}
}
]
}
]
}
]
},
{
"component": "OrderSummaryCard",
"type": "container",
"style": {
"backgroundColor": "#FFFFFF",
"borderRadius": "12px",
"padding": "16px",
"display": "flex",
"justifyContent": "space-around",
"alignItems": "center",
"boxShadow": "0 4px 6px rgba(0,0,0,0.05)"
},
"children": [
{
"component": "TodayOrders",
"type": "container",
"style": {
"display": "flex",
"flexDirection": "column",
"alignItems": "center"
},
"children": [
{
"component": "Label",
"type": "Text",
"content": "今日订单数",
"style": {
"fontSize": "14px",
"color": "#6B7280"
}
},
{
"component": "Value",
"type": "Text",
"content": "98",
"style": {
"fontSize": "24px",
"fontWeight": "bold",
"color": "#1F2937",
"marginTop": "4px"
}
}
]
},
{
"component": "YesterdayOrders",
"type": "container",
"style": {
"display": "flex",
"flexDirection": "column",
"alignItems": "center"
},
"children": [
{
"component": "Label",
"type": "Text",
"content": "昨日订单数",
"style": {
"fontSize": "14px",
"color": "#6B7280"
}
},
{
"component": "Value",
"type": "Text",
"content": "59",
"style": {
"fontSize": "24px",
"fontWeight": "bold",
"color": "#1F2937",
"marginTop": "4px"
}
}
]
}
]
},
{
"component": "OrderStatusNavCard",
"type": "container",
"style": {
"backgroundColor": "#FFFFFF",
"borderRadius": "12px",
"padding": "16px",
"display": "flex",
"justifyContent": "space-around",
"alignItems": "center",
"boxShadow": "0 4px 6px rgba(0,0,0,0.05)"
},
"children": [
{
"component": "NavItem",
"type": "container",
"style": {
"display": "flex",
"flexDirection": "column",
"alignItems": "center",
"gap": "8px"
},
"children": [
{
"component": "Icon",
"type": "Image",
"src": "icon-all-orders.svg",
"style": {
"width": "28px",
"height": "28px"
}
},
{
"component": "Label",
"type": "Text",
"content": "全部订单",
"style": {
"fontSize": "12px",
"color": "#374151"
}
}
]
},
{
"component": "NavItem",
"type": "container",
"style": {
"display": "flex",
"flexDirection": "column",
"alignItems": "center",
"gap": "8px",
"position": "relative"
},
"children": [
{
"component": "Icon",
"type": "Image",
"src": "icon-payment-due.svg",
"style": {
"width": "28px",
"height": "28px"
}
},
{
"component": "Badge",
"type": "container",
"style": {
"position": "absolute",
"top": "-4px",
"right": "-4px",
"backgroundColor": "#EF4444",
"color": "#FFFFFF",
"borderRadius": "9999px",
"width": "16px",
"height": "16px",
"display": "flex",
"justifyContent": "center",
"alignItems": "center"
},
"children": [
{
"component": "BadgeText",
"type": "Text",
"content": "3",
"style": {
"fontSize": "10px",
"fontWeight": "bold"
}
}
]
},
{
"component": "Label",
"type": "Text",
"content": "待付款",
"style": {
"fontSize": "12px",
"color": "#374151"
}
}
]
},
{
"component": "NavItem",
"type": "container",
"style": {
"display": "flex",
"flexDirection": "column",
"alignItems": "center",
"gap": "8px",
"position": "relative"
},
"children": [
{
"component": "Icon",
"type": "Image",
"src": "icon-to-be-shipped.svg",
"style": {
"width": "28px",
"height": "28px"
}
},
{
"component": "Badge",
"type": "container",
"style": {
"position": "absolute",
"top": "-4px",
"right": "-8px",
"backgroundColor": "#EF4444",
"color": "#FFFFFF",
"borderRadius": "9999px",
"minWidth": "16px",
"height": "16px",
"padding": "0 4px",
"display": "flex",
"justifyContent": "center",
"alignItems": "center"
},
"children": [
{
"component": "BadgeText",
"type": "Text",
"content": "10",
"style": {
"fontSize": "10px",
"fontWeight": "bold"
}
}
]
},
{
"component": "Label",
"type": "Text",
"content": "待发货",
"style": {
"fontSize": "12px",
"color": "#374151"
}
}
]
},
{
"component": "NavItem",
"type": "container",
"style": {
"display": "flex",
"flexDirection": "column",
"alignItems": "center",
"gap": "8px"
},
"children": [
{
"component": "Icon",
"type": "Image",
"src": "icon-refunds.svg",
"style": {
"width": "28px",
"height": "28px"
}
},
{
"component": "Label",
"type": "Text",
"content": "待退款/售后",
"style": {
"fontSize": "12px",
"color": "#374151"
}
}
]
}
]
},
{
"component": "StatsGrid",
"type": "container",
"layout": {
"display": "grid",
"gridTemplateColumns": "repeat(3, 1fr)",
"gap": "12px"
},
"children": [
{
"component": "StatCardTypeA",
"type": "container",
"style": {
"backgroundColor": "#FFFFFF",
"borderRadius": "12px",
"padding": "16px",
"display": "flex",
"flexDirection": "column",
"alignItems": "flex-start",
"boxShadow": "0 4px 6px rgba(0,0,0,0.05)"
},
"children": [
{
"component": "Label",
"type": "Text",
"content": "支付金额",
"style": {
"fontSize": "13px",
"color": "#6B7280"
}
},
{
"component": "Value",
"type": "Text",
"content": "4,789.56",
"style": {
"fontSize": "18px",
"fontWeight": "bold",
"color": "#1F2937",
"marginTop": "4px"
}
},
{
"component": "SubValue",
"type": "Text",
"content": "昨日3,986.32",
"style": {
"fontSize": "12px",
"color": "#9CA3AF",
"marginTop": "4px"
}
}
]
},
{
"component": "StatCardTypeA",
"type": "container",
"style": {
"backgroundColor": "#FFFFFF",
"borderRadius": "12px",
"padding": "16px",
"display": "flex",
"flexDirection": "column",
"alignItems": "flex-start",
"boxShadow": "0 4px 6px rgba(0,0,0,0.05)"
},
"children": [
{
"component": "Label",
"type": "Text",
"content": "访客数",
"style": {
"fontSize": "13px",
"color": "#6B7280"
}
},
{
"component": "Value",
"type": "Text",
"content": "1,236",
"style": {
"fontSize": "18px",
"fontWeight": "bold",
"color": "#1F2937",
"marginTop": "4px"
}
},
{
"component": "SubValue",
"type": "Text",
"content": "昨日986",
"style": {
"fontSize": "12px",
"color": "#9CA3AF",
"marginTop": "4px"
}
}
]
},
{
"component": "StatCardTypeA",
"type": "container",
"style": {
"backgroundColor": "#FFFFFF",
"borderRadius": "12px",
"padding": "16px",
"display": "flex",
"flexDirection": "column",
"alignItems": "flex-start",
"boxShadow": "0 4px 6px rgba(0,0,0,0.05)"
},
"children": [
{
"component": "Label",
"type": "Text",
"content": "浏览量",
"style": {
"fontSize": "13px",
"color": "#6B7280"
}
},
{
"component": "Value",
"type": "Text",
"content": "3,927",
"style": {
"fontSize": "18px",
"fontWeight": "bold",
"color": "#1F2937",
"marginTop": "4px"
}
},
{
"component": "SubValue",
"type": "Text",
"content": "昨日5,653",
"style": {
"fontSize": "12px",
"color": "#9CA3AF",
"marginTop": "4px"
}
}
]
},
{
"component": "StatCardTypeA",
"type": "container",
"style": {
"backgroundColor": "#FFFFFF",
"borderRadius": "12px",
"padding": "16px",
"display": "flex",
"flexDirection": "column",
"alignItems": "flex-start",
"boxShadow": "0 4px 6px rgba(0,0,0,0.05)"
},
"children": [
{
"component": "Label",
"type": "Text",
"content": "加购人数",
"style": {
"fontSize": "13px",
"color": "#6B7280"
}
},
{
"component": "Value",
"type": "Text",
"content": "280",
"style": {
"fontSize": "18px",
"fontWeight": "bold",
"color": "#1F2937",
"marginTop": "4px"
}
},
{
"component": "SubValue",
"type": "Text",
"content": "昨日230",
"style": {
"fontSize": "12px",
"color": "#9CA3AF",
"marginTop": "4px"
}
}
]
},
{
"component": "StatCardTypeA",
"type": "container",
"style": {
"backgroundColor": "#FFFFFF",
"borderRadius": "12px",
"padding": "16px",
"display": "flex",
"flexDirection": "column",
"alignItems": "flex-start",
"boxShadow": "0 4px 6px rgba(0,0,0,0.05)"
},
"children": [
{
"component": "Label",
"type": "Text",
"content": "收藏商品数",
"style": {
"fontSize": "13px",
"color": "#6B7280"
}
},
{
"component": "Value",
"type": "Text",
"content": "90",
"style": {
"fontSize": "18px",
"fontWeight": "bold",
"color": "#1F2937",
"marginTop": "4px"
}
}
]
},
{
"component": "StatCardTypeA",
"type": "container",
"style": {
"backgroundColor": "#FFFFFF",
"borderRadius": "12px",
"padding": "16px",
"display": "flex",
"flexDirection": "column",
"alignItems": "flex-start",
"boxShadow": "0 4px 6px rgba(0,0,0,0.05)"
},
"children": [
{
"component": "Label",
"type": "Text",
"content": "退货数",
"style": {
"fontSize": "13px",
"color": "#6B7280"
}
},
{
"component": "Value",
"type": "Text",
"content": "56",
"style": {
"fontSize": "18px",
"fontWeight": "bold",
"color": "#1F2937",
"marginTop": "4px"
}
},
{
"component": "SubValue",
"type": "Text",
"content": "昨日43",
"style": {
"fontSize": "12px",
"color": "#9CA3AF",
"marginTop": "4px"
}
}
]
},
{
"component": "StatCardTypeB",
"type": "container",
"style": {
"backgroundColor": "#FFFFFF",
"borderRadius": "12px",
"padding": "16px",
"display": "flex",
"flexDirection": "column",
"alignItems": "flex-start",
"boxShadow": "0 4px 6px rgba(0,0,0,0.05)"
},
"children": [
{
"component": "Label",
"type": "Text",
"content": "昨日订单数",
"style": {
"fontSize": "13px",
"color": "#6B7280"
}
},
{
"component": "Value",
"type": "Text",
"content": "986",
"style": {
"fontSize": "18px",
"fontWeight": "bold",
"color": "#1F2937",
"marginTop": "4px"
}
},
{
"component": "SubValue",
"type": "Text",
"content": "累计5,698",
"style": {
"fontSize": "12px",
"color": "#9CA3AF",
"marginTop": "4px"
}
}
]
},
{
"component": "StatCardTypeB",
"type": "container",
"style": {
"backgroundColor": "#FFFFFF",
"borderRadius": "12px",
"padding": "16px",
"display": "flex",
"flexDirection": "column",
"alignItems": "flex-start",
"boxShadow": "0 4px 6px rgba(0,0,0,0.05)"
},
"children": [
{
"component": "Label",
"type": "Text",
"content": "昨日总收入",
"style": {
"fontSize": "13px",
"color": "#6B7280"
}
},
{
"component": "Value",
"type": "Text",
"content": "5,631.23",
"style": {
"fontSize": "18px",
"fontWeight": "bold",
"color": "#1F2937",
"marginTop": "4px"
}
}
]
},
{
"component": "StatCardTypeB",
"type": "container",
"style": {
"backgroundColor": "#FFFFFF",
"borderRadius": "12px",
"padding": "16px",
"display": "flex",
"flexDirection": "column",
"alignItems": "flex-start",
"boxShadow": "0 4px 6px rgba(0,0,0,0.05)"
},
"children": [
{
"component": "Label",
"type": "Text",
"content": "昨日总支出",
"style": {
"fontSize": "13px",
"color": "#6B7280"
}
},
{
"component": "Value",
"type": "Text",
"content": "658.96",
"style": {
"fontSize": "18px",
"fontWeight": "bold",
"color": "#1F2937",
"marginTop": "4px"
}
}
]
}
]
}
]
}
]
}