JSON ข้อความ · Message objectflexlay-event-run-bib.json
{
"type": "flex",
"altText": "หมายเลขบิบ 21K-1508 งาน Bangkok Dawn Run 2570 ปล่อยตัว 04:30 น.",
"contents": {
"type": "bubble",
"size": "kilo",
"body": {
"type": "box",
"layout": "vertical",
"paddingAll": "xl",
"contents": [
{
"type": "text",
"size": "md",
"text": "Bangkok Dawn Run 2570",
"align": "center",
"color": "#111827",
"weight": "bold"
},
{
"type": "box",
"layout": "vertical",
"margin": "md",
"paddingAll": "lg",
"cornerRadius": "lg",
"backgroundColor": "#C2410C",
"contents": [
{
"type": "text",
"size": "xxs",
"text": "HALF MARATHON · 21.1 KM",
"align": "center",
"color": "#FFFFFF",
"weight": "bold"
},
{
"type": "text",
"size": "5xl",
"text": "1508",
"align": "center",
"color": "#FFFFFF",
"weight": "bold"
},
{
"type": "text",
"size": "sm",
"text": "คุณนภัส วิ่งไว",
"align": "center",
"color": "#FFFFFF"
}
]
},
{
"type": "box",
"layout": "vertical",
"margin": "lg",
"spacing": "sm",
"contents": [
{
"type": "box",
"layout": "horizontal",
"contents": [
{
"type": "text",
"size": "sm",
"text": "วันแข่ง",
"flex": 2,
"color": "#5F6673"
},
{
"type": "text",
"size": "sm",
"text": "อา. 1 ก.พ. 2570",
"flex": 4,
"wrap": true,
"align": "end",
"color": "#111827"
}
]
},
{
"type": "box",
"layout": "horizontal",
"contents": [
{
"type": "text",
"size": "sm",
"text": "ปล่อยตัว",
"flex": 2,
"color": "#5F6673"
},
{
"type": "text",
"size": "sm",
"text": "04:30 น.",
"flex": 4,
"wrap": true,
"align": "end",
"color": "#111827",
"weight": "bold"
}
]
},
{
"type": "box",
"layout": "horizontal",
"contents": [
{
"type": "text",
"size": "sm",
"text": "รับอุปกรณ์",
"flex": 2,
"color": "#5F6673"
},
{
"type": "text",
"size": "sm",
"text": "30–31 ม.ค. · สวนลุมพินี ลานกีฬา",
"flex": 4,
"wrap": true,
"align": "end",
"color": "#111827"
}
]
}
]
}
]
},
"hero": {
"type": "image",
"size": "full",
"url": "https://images.unsplash.com/photo-1571019613454-1cb2f99b2d8b?w=1024&q=75&fm=jpg&fit=crop",
"aspectMode": "cover",
"aspectRatio": "20:9"
},
"footer": {
"type": "box",
"layout": "vertical",
"spacing": "sm",
"paddingAll": "lg",
"paddingTop": "none",
"contents": [
{
"type": "button",
"color": "#C2410C",
"style": "primary",
"height": "sm",
"action": {
"type": "uri",
"uri": "https://example.com/races/dawn-run-2570/route",
"label": "ดูเส้นทางวิ่ง"
}
},
{
"type": "button",
"color": "#C2410C",
"style": "link",
"height": "sm",
"action": {
"type": "uri",
"uri": "https://example.com/races/dawn-run-2570/results",
"label": "เช็กผลการวิ่ง"
}
}
]
}
}
}
