JSON ข้อความ · Message objectflexlay-payment-subscription-renewal.json
{
"type": "flex",
"altText": "แพ็กเกจ Pro รายปีจะต่ออายุอัตโนมัติ ฿2,990 ในวันที่ 1 ม.ค. 2570",
"contents": {
"type": "bubble",
"size": "kilo",
"body": {
"type": "box",
"layout": "vertical",
"paddingAll": "xl",
"contents": [
{
"type": "box",
"layout": "baseline",
"contents": [
{
"type": "text",
"text": "",
"contents": [
{
"type": "span",
"size": "xxl",
"text": "฿2,990",
"color": "#111827",
"weight": "bold"
},
{
"type": "span",
"size": "sm",
"text": " / ปี",
"color": "#5F6673"
}
]
}
]
},
{
"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",
"weight": "bold"
}
]
},
{
"type": "box",
"layout": "horizontal",
"contents": [
{
"type": "text",
"size": "sm",
"text": "ชำระด้วย",
"flex": 2,
"color": "#5F6673"
},
{
"type": "text",
"size": "sm",
"text": "บัตรเครดิต •••• 4821",
"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": "31 ธ.ค. 2570",
"flex": 4,
"wrap": true,
"align": "end",
"color": "#111827"
}
]
}
]
},
{
"type": "text",
"size": "xs",
"text": "หากไม่ต้องการต่ออายุ กรุณายกเลิกก่อนวันที่ตัดเงิน",
"wrap": true,
"color": "#5F6673",
"margin": "lg"
}
]
},
"footer": {
"type": "box",
"layout": "vertical",
"spacing": "sm",
"paddingAll": "lg",
"paddingTop": "none",
"contents": [
{
"type": "button",
"color": "#2563EB",
"style": "primary",
"height": "sm",
"action": {
"type": "uri",
"uri": "https://example.com/account/subscription",
"label": "จัดการแพ็กเกจ"
}
},
{
"type": "button",
"color": "#2563EB",
"style": "link",
"height": "sm",
"action": {
"type": "uri",
"uri": "https://example.com/account/payment-method",
"label": "เปลี่ยนบัตรที่ใช้ชำระ"
}
}
]
},
"header": {
"type": "box",
"layout": "vertical",
"background": {
"type": "linearGradient",
"angle": "135deg",
"endColor": "#2563EB",
"startColor": "#4C1D95"
},
"paddingAll": "xl",
"contents": [
{
"type": "text",
"size": "sm",
"text": "แจ้งต่ออายุอัตโนมัติ",
"color": "#FFFFFF",
"weight": "bold"
},
{
"type": "text",
"size": "xl",
"text": "แพ็กเกจ Pro รายปี",
"color": "#FFFFFF",
"margin": "xs",
"weight": "bold"
}
]
}
}
}
