Beacon 打卡活動

在 YouBike Today - 小幫手內舉辦過的活動畫面,網址均已換成跟活動無關的網址。

如果你需要 demo,可以 加入好友,並且輸入: demo 1c25a460-bce2-11ea-a6ce-fb37b79fe317
{
    "type": "bubble",
    "hero": {
        "aspectMode": "cover",
        "aspectRatio": "4:3",
        "size": "full",
        "type": "image",
        "url": "https:\/\/i.imgur.com\/AhxMtDe.jpg"
    },
    "body": {
        "layout": "vertical",
        "spacing": "lg",
        "type": "box",
        "contents": [
            {
                "color": "#1c8c82",
                "size": "xl",
                "text": "\u4e2d\u6b63\u516c\u5712(\u4e2d\u7f8e\u8def)",
                "type": "text",
                "weight": "bold"
            },
            {
                "layout": "horizontal",
                "type": "box",
                "contents": [
                    {
                        "color": "#999999",
                        "flex": 0,
                        "size": "sm",
                        "text": "\u5df2\u8490\u96c6",
                        "type": "text"
                    },
                    {
                        "align": "end",
                        "flex": 1,
                        "size": "sm",
                        "text": "2 \/ 24 \u7ad9",
                        "type": "text"
                    }
                ]
            },
            {
                "layout": "vertical",
                "type": "box",
                "backgroundColor": "#1565c033",
                "cornerRadius": "5px",
                "height": "10px",
                "margin": "xs",
                "contents": [
                    {
                        "layout": "vertical",
                        "type": "box",
                        "width": "8.3%",
                        "backgroundColor": "#1565c0",
                        "height": "10px",
                        "contents": [
                            {
                                "type": "filler"
                            }
                        ]
                    }
                ]
            },
            {
                "layout": "horizontal",
                "type": "box",
                "action": {
                    "type": "uri",
                    "uri": "https:\/\/www.google.com\/"
                },
                "contents": [
                    {
                        "flex": 0,
                        "layout": "vertical",
                        "type": "box",
                        "contents": [
                            {
                                "layout": "vertical",
                                "type": "box",
                                "flex": 1,
                                "contents": [
                                    {
                                        "type": "filler"
                                    }
                                ]
                            },
                            {
                                "layout": "vertical",
                                "type": "box",
                                "height": "48px",
                                "width": "48px",
                                "contents": [
                                    {
                                        "aspectMode": "cover",
                                        "size": "full",
                                        "type": "image",
                                        "aspectRatio": "1:1",
                                        "url": "https:\/\/i.imgur.com\/1AzKT9q.png"
                                    }
                                ]
                            },
                            {
                                "layout": "vertical",
                                "type": "box",
                                "flex": 1,
                                "contents": [
                                    {
                                        "type": "filler"
                                    }
                                ]
                            }
                        ]
                    },
                    {
                        "type": "box",
                        "layout": "vertical",
                        "contents": [
                            {
                                "layout": "vertical",
                                "type": "box",
                                "flex": 1,
                                "contents": [
                                    {
                                        "type": "filler"
                                    }
                                ]
                            },
                            {
                                "color": "#999999",
                                "size": "sm",
                                "text": "\u4e0b\u4e00\u7ad9\u63a8\u85a6 (\u8acb\u9ede\u6b64\u958b\u555f\u5c0e\u822a)",
                                "type": "text"
                            },
                            {
                                "margin": "sm",
                                "text": "\u4e2d\u6b63\u516c\u5712(\u5143\u5316\u8def)",
                                "type": "text"
                            },
                            {
                                "layout": "vertical",
                                "type": "box",
                                "flex": 1,
                                "contents": [
                                    {
                                        "type": "filler"
                                    }
                                ]
                            }
                        ]
                    }
                ]
            }
        ]
    },
    "footer": {
        "type": "box",
        "layout": "horizontal",
        "spacing": "md",
        "contents": [
            {
                "color": "#ffd654",
                "style": "secondary",
                "type": "button",
                "action": {
                    "data": "postback",
                    "label": "\u5834\u7ad9\u6e05\u55ae",
                    "type": "postback"
                }
            },
            {
                "color": "#ffd654",
                "style": "secondary",
                "type": "button",
                "action": {
                    "label": "\u6d3b\u52d5\u8aaa\u660e",
                    "type": "uri",
                    "uri": "https:\/\/www.google.com\/"
                }
            }
        ]
    }
}
...
這個 Flex message 由  @kadacha 提供