JSON ข้อความ · Message objectflexlay-restaurant-delivery-status.json
{
"type": "flex",
"altText": "ออร์เดอร์ #FD3391 กำลังจัดส่ง คาดว่าจะถึงเวลา 12:45 น.",
"contents": {
"type": "bubble",
"size": "kilo",
"body": {
"type": "box",
"layout": "vertical",
"spacing": "sm",
"paddingAll": "xl",
"contents": [
{
"type": "text",
"size": "xs",
"text": "ออร์เดอร์ #FD3391",
"color": "#5F6673"
},
{
"type": "text",
"size": "xl",
"text": "ไรเดอร์กำลังไปส่ง",
"color": "#111827",
"margin": "xs",
"weight": "bold"
},
{
"type": "box",
"layout": "baseline",
"margin": "sm",
"contents": [
{
"type": "text",
"size": "sm",
"text": "ถึงประมาณ",
"flex": 0,
"color": "#5F6673"
},
{
"type": "text",
"size": "lg",
"text": "12:45 น.",
"flex": 0,
"color": "#C2410C",
"margin": "sm",
"weight": "bold"
}
]
},
{
"type": "separator",
"color": "#EEF0F3",
"margin": "lg"
},
{
"type": "box",
"layout": "horizontal",
"margin": "sm",
"contents": [
{
"type": "text",
"size": "sm",
"text": "●",
"flex": 0,
"color": "#15803D"
},
{
"type": "text",
"size": "sm",
"text": "ร้านรับออร์เดอร์แล้ว",
"flex": 4,
"color": "#111827",
"margin": "md",
"weight": "regular"
},
{
"type": "text",
"size": "xs",
"text": "12:05 น.",
"flex": 3,
"align": "end",
"color": "#5F6673",
"gravity": "center"
}
]
},
{
"type": "box",
"layout": "horizontal",
"margin": "sm",
"contents": [
{
"type": "text",
"size": "sm",
"text": "●",
"flex": 0,
"color": "#15803D"
},
{
"type": "text",
"size": "sm",
"text": "กำลังปรุงอาหาร",
"flex": 4,
"color": "#111827",
"margin": "md",
"weight": "regular"
},
{
"type": "text",
"size": "xs",
"text": "12:10 น.",
"flex": 3,
"align": "end",
"color": "#5F6673",
"gravity": "center"
}
]
},
{
"type": "box",
"layout": "horizontal",
"margin": "sm",
"contents": [
{
"type": "text",
"size": "sm",
"text": "◉",
"flex": 0,
"color": "#C2410C"
},
{
"type": "text",
"size": "sm",
"text": "ไรเดอร์รับอาหารแล้ว",
"flex": 4,
"color": "#111827",
"margin": "md",
"weight": "bold"
},
{
"type": "text",
"size": "xs",
"text": "12:28 น.",
"flex": 3,
"align": "end",
"color": "#5F6673",
"gravity": "center"
}
]
},
{
"type": "box",
"layout": "horizontal",
"margin": "sm",
"contents": [
{
"type": "text",
"size": "sm",
"text": "○",
"flex": 0,
"color": "#5F6673"
},
{
"type": "text",
"size": "sm",
"text": "ส่งถึงมือคุณ",
"flex": 4,
"color": "#5F6673",
"margin": "md",
"weight": "regular"
},
{
"type": "text",
"size": "xs",
"text": "รอดำเนินการ",
"flex": 3,
"align": "end",
"color": "#5F6673",
"gravity": "center"
}
]
},
{
"type": "separator",
"color": "#EEF0F3",
"margin": "lg"
},
{
"type": "box",
"layout": "horizontal",
"contents": [
{
"type": "text",
"size": "sm",
"text": "ไรเดอร์",
"flex": 2,
"color": "#5F6673"
},
{
"type": "text",
"size": "sm",
"text": "คุณธนกร · ฮอนด้า กข-1234",
"flex": 4,
"wrap": true,
"align": "end",
"color": "#111827"
}
]
}
]
},
"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/orders/FD3391/track",
"label": "ติดตามบนแผนที่"
}
},
{
"type": "button",
"style": "secondary",
"height": "sm",
"action": {
"type": "uri",
"uri": "tel:0812345678",
"label": "โทรหาไรเดอร์"
}
}
]
}
}
}
